/* =========================================================
   THEME TOKENS — edit colors & fonts here for each firm.
   Animation, rhythm and component structure remain standard.
   ========================================================= */
:root {
  /* ---- Colors ---- */
  --c-ink:        #1f2839;   /* primary ink / deep navy */
  --c-ink-2:      #0b1220;   /* deeper */
  --c-stone:      #606569;   /* muted slate */
  --c-indigo:     #2c4065;   /* accent cold */
  --c-gold:       #bd9d74;   /* primary metallic */
  --c-gold-2:     #b69d74;   /* supporting metallic */
  --c-bone:       #efeae1;   /* warm off-white */
  --c-paper:      #f6f2ea;   /* page bg (light) */
  --c-line:       rgba(31,40,57,0.14);
  --c-line-dark:  rgba(239,234,225,0.14);

  /* ---- Fonts ---- */
  --f-display: "Cormorant Garamond", "Times New Roman", serif;
  --f-sans:    "Inter Tight", "Helvetica Neue", Arial, sans-serif;
  --f-mono:    "JetBrains Mono", ui-monospace, Menlo, monospace;

  /* ---- Motion ---- */
  --e-silk:  cubic-bezier(.2,.7,.1,1);
  --e-hard:  cubic-bezier(.76,0,.24,1);

  /* ---- Spacing scale ---- */
  --s-1: 8px; --s-2: 16px; --s-3: 24px; --s-4: 32px;
  --s-5: 48px; --s-6: 64px; --s-7: 96px; --s-8: 128px;
}

/* Fallback utilities for the Aureum palette.
   These keep the template readable even if the CDN Tailwind runtime
   does not emit the custom color utilities for any reason. */
.text-ink { color: var(--c-ink) !important; }
.text-ink\/80 { color: color-mix(in srgb, var(--c-ink) 80%, transparent) !important; }
.text-ink2 { color: var(--c-ink-2) !important; }
.text-stone2 { color: var(--c-stone) !important; }
.text-stone2\/70 { color: color-mix(in srgb, var(--c-stone) 70%, transparent) !important; }
.text-gold { color: var(--c-gold) !important; }
.text-gold\/80 { color: color-mix(in srgb, var(--c-gold) 80%, transparent) !important; }
.text-gold\/90 { color: color-mix(in srgb, var(--c-gold) 90%, transparent) !important; }
.text-bone { color: var(--c-bone) !important; }
.text-bone\/10 { color: color-mix(in srgb, var(--c-bone) 10%, transparent) !important; }
.text-bone\/30 { color: color-mix(in srgb, var(--c-bone) 30%, transparent) !important; }
.text-bone\/40 { color: color-mix(in srgb, var(--c-bone) 40%, transparent) !important; }
.text-bone\/50 { color: color-mix(in srgb, var(--c-bone) 50%, transparent) !important; }
.text-bone\/60 { color: color-mix(in srgb, var(--c-bone) 60%, transparent) !important; }
.text-bone\/70 { color: color-mix(in srgb, var(--c-bone) 70%, transparent) !important; }
.text-bone\/80 { color: color-mix(in srgb, var(--c-bone) 80%, transparent) !important; }
.text-paper { color: var(--c-paper) !important; }
.text-white\/40 { color: rgba(255, 255, 255, .40) !important; }
.text-white\/45 { color: rgba(255, 255, 255, .45) !important; }
.text-white\/60 { color: rgba(255, 255, 255, .60) !important; }
.text-white\/65 { color: rgba(255, 255, 255, .65) !important; }
.text-white\/70 { color: rgba(255, 255, 255, .70) !important; }

.bg-ink { background-color: var(--c-ink) !important; }
.bg-ink2 { background-color: var(--c-ink-2) !important; }
.bg-stone2 { background-color: var(--c-stone) !important; }
.bg-gold { background-color: var(--c-gold) !important; }
.bg-bone { background-color: var(--c-bone) !important; }
.bg-bone\/30 { background-color: color-mix(in srgb, var(--c-bone) 30%, transparent) !important; }
.bg-bone\/40 { background-color: color-mix(in srgb, var(--c-bone) 40%, transparent) !important; }
.bg-paper { background-color: var(--c-paper) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, .10) !important; }

.border-gold { border-color: var(--c-gold) !important; }
.border-white\/10 { border-color: rgba(255, 255, 255, .10) !important; }
.border-white\/20 { border-color: rgba(255, 255, 255, .20) !important; }