/**
 * Afterdark theme tokens.
 *
 * The character-sheet components were lifted verbatim from the ttrpg chronicles
 * app. They reference CSS custom properties by name (--color-gold, --space-md,
 * etc.). By redefining those SAME names here with The Afterdark's dark / frost /
 * ember palette, the whole component suite re-skins with zero edits to the
 * components themselves. "gold" (the sheet's highlight) becomes ember — fitting
 * for a table led by a warlock's pact-fire.
 */

:root {
  /* Fonts */
  --font-display: 'Didot', 'Bodoni 72', 'Bodoni MT', 'Playfair Display',
    'Iowan Old Style', Georgia, 'Times New Roman', serif;
  --font-serif: 'Iowan Old Style', 'Palatino Linotype', 'Book Antiqua', Palatino,
    Georgia, serif;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
    'Helvetica Neue', Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, monospace;

  /* Fluid type scale */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.875rem);
  --text-sm: clamp(0.875rem, 0.8rem + 0.375vw, 1rem);
  --text-md: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --text-base: clamp(1rem, 0.9rem + 0.5vw, 1.125rem);
  --text-lg: clamp(1.125rem, 1rem + 0.625vw, 1.25rem);
  --text-xl: clamp(1.25rem, 1.1rem + 0.75vw, 1.5rem);
  --text-2xl: clamp(1.5rem, 1.25rem + 1.25vw, 2rem);
  --text-3xl: clamp(1.875rem, 1.5rem + 1.875vw, 2.5rem);
  --text-4xl: clamp(2.25rem, 1.75rem + 2.5vw, 3rem);

  /* Spacing */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;

  /* Radius */
  --radius-sm: 0.25rem;
  --radius-md: 0.5rem;
  --radius-lg: 1rem;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-base: 250ms ease;

  /* Colors — Afterdark: void / frost / ember */
  --color-bg: #07070c;
  --color-bg-secondary: #0f0e1a;
  --color-bg-tertiary: #17151f;
  --color-text: #ded8cb;
  --color-text-secondary: #b4aec0;
  --color-text-muted: #8b869a;
  --color-border: #2a2740;
  --color-accent: #a9c4d9;       /* frost — primary accent */
  --color-accent-hover: #c4dcec;
  --color-gold: #c2694b;         /* ember — the sheet highlight */
  --color-success: #6fae7e;
  --color-error: #c05a5a;
  --color-warning: #c2924b;

  --frost: #a9c4d9;
  --ember: #c2694b;
}