/* ============================================================
   TORA FINANCE — design tokens
   Palette inspired by the project's own sumi-e / ukiyo-e tiger
   artwork (deep ink indigo, aged paper, brushed gold, seal red).
   Typographic pairing, motion curves, radius & elevation scale
   follow the same *structure* as the Hiroshi design system
   (display/sans/mono trio, -4%/-1%/+2.5% tracking rule, the two
   entrance easings) without reusing any of its color tokens.
   ============================================================ */

:root {
  /* ---- surfaces ---- */
  --ink-950: #0d0d12;
  --ink-900: #14141c;
  --ink-800: #1b1c27;
  --ink-700: #262838;
  --ink-600: #363850;

  --paper-050: #f7f1e3;
  --paper-100: #efe6d1;
  --paper-200: #e5d9bc;
  --paper-300: #d8c8a2;

  /* ---- ink / text ---- */
  --text-on-dark: #f3ead9;
  --text-on-dark-soft: rgba(243, 234, 217, 0.68);
  --text-on-dark-faint: rgba(243, 234, 217, 0.4);

  --text-on-light: #241f18;
  --text-on-light-soft: rgba(36, 31, 24, 0.66);
  --text-on-light-faint: rgba(36, 31, 24, 0.42);

  /* ---- brand accents ---- */
  --gold: #cc9a44;
  --gold-bright: #e8c073;
  --gold-deep: #a97a30;
  --seal: #a3392a;
  --seal-bright: #c94a37;
  --jade: #4c7c6e;

  --grad-gold: linear-gradient(135deg, var(--gold-bright), var(--gold-deep));
  --grad-ink: radial-gradient(120% 140% at 20% 0%, #262838 0%, #14141c 55%, #0d0d12 100%);

  --line-on-dark: rgba(243, 234, 217, 0.14);
  --line-on-dark-strong: rgba(243, 234, 217, 0.26);
  --line-on-light: rgba(36, 31, 24, 0.12);
  --line-on-light-strong: rgba(36, 31, 24, 0.24);

  /* ---- fonts ---- */
  --font-display: "Shippori Mincho", "Noto Serif JP", ui-serif, Georgia, serif;
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* ---- tracking rule (same formula as Hiroshi DS, own values) ---- */
  --track-tight: -0.03em;   /* display / headings */
  --track-snug: -0.01em;    /* body copy */
  --track-wide: 0.06em;     /* kickers / labels / nav */

  /* ---- radius scale ---- */
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;

  /* ---- elevation ---- */
  --shadow-sm: 0 1px 2px rgba(13, 13, 18, 0.35);
  --shadow-md: 0 10px 24px -8px rgba(13, 13, 18, 0.45);
  --shadow-lg: 0 24px 48px -12px rgba(13, 13, 18, 0.55);
  --shadow-gold: 0 12px 28px -10px rgba(204, 154, 68, 0.55);

  /* ---- motion (structure borrowed from Hiroshi DS) ---- */
  --ease-entrance: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-14: 56px;
  --space-20: 80px;
}