/* JunaMatch — Web design tokens.
   Unprefixed names match the JSX prototypes in spec/design_handoff/reference/.
   The --jm-* prefixed aliases are kept for compatibility with the mobile token files. */

:root {
  /* Surfaces */
  --bg:         #f8f4f2;
  --surface:    #ffffff;
  --surface-2:  #f0e7e6;
  --surface-3:  #ebdfde;

  /* Ink */
  --ink:        #1c1418;
  --ink-soft:   #5e4f56;
  --ink-dim:    #97858e;

  /* Lines */
  --line:        #e8dcde;
  --line-strong: #d4c2c6;

  /* Accent */
  --accent:        #7a3b5e;
  --accent-hover:  #69304f;
  --accent-active: #592842;
  --accent-ink:    #ffffff;
  --accent-soft:   #ebd5dd;
  --accent-tint:   #f6e7ec;

  /* Semantic */
  --gold:    #b58655;
  --success: #4d7a55;
  --warn:    #b67a36;
  --danger:  #a83a3a;

  /* Radii */
  --r-xs:   6px;
  --r:      12px;
  --r-lg:   18px;
  --r-xl:   26px;
  --r-pill: 999px;

  /* Spacing */
  --pad-sm: 7px;
  --pad:    11px;
  --pad-lg: 14px;
  --gap:    8px;

  /* Fonts */
  --font-display: 'Instrument Serif', Georgia, serif;
  --font-body:    'Geist', -apple-system, system-ui, sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, monospace;

  /* Shadows */
  --shadow-card: 0 1px 2px rgba(40,20,28,0.04), 0 6px 18px rgba(40,20,28,0.07);
  --shadow-pop:  0 4px 14px rgba(40,20,28,0.10), 0 18px 48px rgba(40,20,28,0.14);
  --shadow-btn:  0 1px 0 rgba(255,255,255,0.18) inset, 0 1px 2px rgba(40,20,28,0.10), 0 4px 12px rgba(122,59,94,0.18);

  /* Legacy --jm-* aliases */
  --jm-bg: var(--bg);
  --jm-surface: var(--surface);
  --jm-surface-2: var(--surface-2);
  --jm-surface-3: var(--surface-3);
  --jm-ink: var(--ink);
  --jm-ink-soft: var(--ink-soft);
  --jm-ink-dim: var(--ink-dim);
  --jm-line: var(--line);
  --jm-line-strong: var(--line-strong);
  --jm-accent: var(--accent);
  --jm-accent-hover: var(--accent-hover);
  --jm-accent-active: var(--accent-active);
  --jm-accent-ink: var(--accent-ink);
  --jm-accent-soft: var(--accent-soft);
  --jm-accent-tint: var(--accent-tint);
  --jm-gold: var(--gold);
  --jm-success: var(--success);
  --jm-warn: var(--warn);
  --jm-danger: var(--danger);
  --jm-r-xs: var(--r-xs);
  --jm-r: var(--r);
  --jm-r-lg: var(--r-lg);
  --jm-r-xl: var(--r-xl);
  --jm-r-pill: var(--r-pill);
  --jm-pad-sm: var(--pad-sm);
  --jm-pad: var(--pad);
  --jm-pad-lg: var(--pad-lg);
  --jm-gap: var(--gap);
  --jm-font-display: var(--font-display);
  --jm-font-body: var(--font-body);
  --jm-font-mono: var(--font-mono);
  --jm-shadow-card: var(--shadow-card);
  --jm-shadow-pop: var(--shadow-pop);
}