/* Crucible Media — shared design tokens
 * Consumed by:
 *   - Marketing (Astro): imported from src/styles/global.css for `var()` references outside Tailwind utilities
 *   - Portal (Python):   linked via <link rel="stylesheet" href="/tokens.css"> in layouts
 * When the palette changes, edit ONLY this file + Astro's @theme block (Tailwind compiles hex values literally).
 */
:root {
  /* Studio palette — light, warm, alive */
  --paper: #FBF8F1;
  --paper2: #F4EFE3;
  --paper3: #EBE3D2;
  --ink: #26221C;
  --inkSoft: #5C5347;
  --inkMute: #8C8273;
  --accent: #D55B3F;
  --accentDark: #B8472D;
  --sage: #9FBA9C;
  --marigold: #E8B547;
  --brand: #EA580C;
  --rule: rgba(38, 34, 28, 0.12);
  --ruleStrong: rgba(38, 34, 28, 0.22);

  /* Tailwind v4 @theme-compatible aliases (same values, --color-* flavor) */
  --color-paper: var(--paper);
  --color-paper-2: var(--paper2);
  --color-paper-3: var(--paper3);
  --color-ink: var(--ink);
  --color-ink-soft: var(--inkSoft);
  --color-ink-mute: var(--inkMute);
  --color-accent: var(--accent);
  --color-accent-deep: var(--accentDark);
  --color-mint: var(--sage);
  --color-marigold: var(--marigold);
  --color-rule: var(--rule);
  --color-rule-strong: var(--ruleStrong);

  /* Backwards-compatible aliases used by earlier components */
  --color-bg: var(--paper);
  --color-text: var(--ink);
  --color-secondary: var(--sage);
}