/* 07Tarot / LUNARA design tokens
   Tarotaa05 v1.6.0
   Screen colors are for browser UI and RGB exports.
   Print-safe colors are conservative approximations for prepress conversion. */

:root {
  /* Screen palette */
  --color-midnight-indigo: #100b22;
  --color-surface: #1d1638;
  --color-surface-2: #251c45;
  --color-surface-3: #2a214e;
  --color-gold: #e8c66a;
  --color-rose: #ff7eb3;
  --color-rose-soft: #ffb3d1;
  --color-text: #f2ecff;
  --color-muted: #b6a9d6;
  --color-danger: #ff9abf;
  --color-line: rgba(232, 198, 106, 0.34);
  --color-line-soft: rgba(232, 198, 106, 0.18);
  --color-panel: rgba(29, 22, 56, 0.76);
  --color-panel-deep: rgba(16, 11, 34, 0.42);

  /* Print-safe palette */
  --print-midnight: #15122a;
  --print-surface: #241f3f;
  --print-gold: #d7b75f;
  --print-rose: #e874a5;
  --print-text: #efe8f7;

  /* Typography */
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-ui: "Jost", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --font-zh: "Source Han Serif SC", "Noto Serif SC", "Noto Serif CJK SC", "Songti SC", SimSun, serif;
  --font-body: var(--font-zh);

  /* Radius */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-panel: 0 20px 80px rgba(0, 0, 0, 0.24);
  --shadow-card: 0 18px 42px rgba(0, 0, 0, 0.22);
  --shadow-toast: 0 14px 50px rgba(0, 0, 0, 0.34);
  --shadow-update: 0 18px 50px rgba(0, 0, 0, 0.5);

  /* Gradients */
  --gradient-brand: linear-gradient(135deg, var(--color-gold), var(--color-rose-soft));
  --gradient-button: linear-gradient(135deg, var(--color-gold), var(--color-rose));
  --gradient-page:
    radial-gradient(circle at 18% 0%, rgba(255, 126, 179, 0.18), transparent 32rem),
    radial-gradient(circle at 82% 12%, rgba(232, 198, 106, 0.14), transparent 30rem),
    linear-gradient(180deg, #100b22 0%, #15102a 58%, #0d091c 100%);
}

