/* Dank of America / Dank Social Club — design tokens.
 *
 * Leaf green, jar yellow and the periwinkle backdrop are sampled from DOA's own
 * files (logo-leaf.png, doa_12.jpg). Vault, ink, gold and neon carry over from the
 * July pitch site so the club reads as the same house.
 *
 * Fonts (all SIL OFL): Fraunces for display and engraving, Inter for UI,
 * Recursive Mono for account numbers, tickets and anything that should feel issued.
 */
:root {
  /* Core */
  --doa-vault: #0B0D0B;
  --doa-vault-2: #12150F;
  --doa-card: #161A13;
  --doa-card-2: #1C2118;
  --doa-line: #2B302A;
  --doa-ink: #F4F0E6;
  --doa-mute: #A49F8F;

  /* Brand */
  --doa-leaf: #A7CA56;
  --doa-leaf-hi: #E6F6AE;
  --doa-leaf-lo: #435C1A;
  --doa-gold: #D8B45A;
  --doa-gold-hi: #FCEBB4;
  --doa-gold-lo: #5E4618;
  --doa-doodle: #EBDF2F;
  --doa-peri: #7172A2;
  --doa-neon: #54E08A;
  --doa-teal: #36BFAE;
  --doa-violet: #9C7BE8;
  --doa-alert: #E0483A; /* errors and sold-out only */

  /* Surfaces */
  --doa-foil: linear-gradient(115deg, #5E4618 0%, #D8B45A 22%, #FCEBB4 42%, #FFF6D8 50%, #FCEBB4 58%, #D8B45A 78%, #5E4618 100%);
  --doa-aurora: linear-gradient(120deg, #A7CA56 0%, #54E08A 30%, #36BFAE 55%, #7172A2 80%, #9C7BE8 100%);

  /* Type */
  --doa-display: 'Fraunces', 'Iowan Old Style', Georgia, serif;
  --doa-sans: 'Inter', -apple-system, 'Segoe UI', system-ui, sans-serif;
  --doa-mono: 'Recursive', ui-monospace, 'SFMono-Regular', monospace;

  /* Scale (8pt grid) */
  --doa-s1: 4px; --doa-s2: 8px; --doa-s3: 12px; --doa-s4: 16px; --doa-s5: 24px; --doa-s6: 32px; --doa-s7: 48px; --doa-s8: 64px;
  --doa-r-sm: 8px; --doa-r-md: 14px; --doa-r-lg: 22px; --doa-r-pill: 999px;
}

/* Engraved caps: the rim-text voice, for labels and eyebrows. */
.doa-engraved {
  font-family: var(--doa-display);
  font-variation-settings: 'opsz' 14, 'SOFT' 0, 'WONK' 0;
  font-weight: 620;
  text-transform: uppercase;
  letter-spacing: .28em;
}

/* Issued numbers: member no., ticket stubs, edition counts. */
.doa-issued {
  font-family: var(--doa-mono);
  font-variation-settings: 'MONO' 1;
  letter-spacing: .06em;
  font-feature-settings: 'tnum';
}

.doa-foil-text {
  background: var(--doa-foil);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}