/* Nene brand design system tokens. Loaded only by the marketing layout — the
   signed-in app runs on its own dark daisyUI theme and must not inherit these. */

:root {
  --ink-950: #060d14;
  --ink-900: #0b1a26;
  --ink-800: #12293a;
  --ink-700: #1b3b52;
  --ink-600: #2b5570;
  --ink-500: #43718e;

  --gold-700: #6e5322;
  --gold-600: #8c6b2e;
  --gold-500: #ac8843;
  --gold-400: #c5a469;
  --gold-300: #d9be8e;
  --gold-200: #eadfc6;
  --gold-100: #f5eee0;

  --sand-50: #fbf9f5;
  --sand-100: #f4f0e8;
  --sand-200: #e7e1d6;
  --sand-300: #d4ccbd;
  --sand-400: #b0a796;
  --sand-500: #867e6e;
  --sand-600: #5f594c;
  --sand-700: #403b32;

  --verde-600: #2f6b5e;
  --verde-100: #deeae6;
  --clay-600: #a44a32;
  --clay-100: #f6e3dc;
  --amber-600: #9a6b18;
  --amber-100: #f7ebd3;

  --surface-page: var(--sand-50);
  --surface-card: #ffffff;
  --surface-sunken: var(--sand-100);
  --surface-inverse: var(--ink-900);
  --surface-inverse-raised: var(--ink-800);
  --surface-accent: var(--gold-100);
  --surface-scrim: rgba(6, 13, 20, 0.58);
  --surface-glass-inverse: rgba(11, 26, 38, 0.56);

  --text-strong: var(--ink-950);
  --text-body: var(--ink-800);
  --text-muted: var(--sand-500);
  --text-subtle: var(--sand-400);
  --text-on-inverse: var(--sand-50);
  --text-on-inverse-muted: rgba(244, 240, 232, 0.64);
  --text-gold: var(--gold-600);
  --text-on-gold: var(--ink-950);
  --text-link: var(--ink-700);
  --text-link-hover: var(--gold-600);

  --line-hairline: rgba(11, 26, 38, 0.1);
  --line-soft: var(--sand-200);
  --line-strong: var(--sand-300);
  --line-gold: rgba(172, 136, 67, 0.42);
  --line-inverse: rgba(244, 240, 232, 0.16);

  --action-gold: var(--gold-500);
  --action-gold-hover: var(--gold-600);
  --action-gold-press: var(--gold-700);
  --focus-ring: var(--gold-500);

  --status-warning-fg: var(--amber-600);
  --status-warning-bg: var(--amber-100);

  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans: "Jost", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --weight-display: 300;
  --weight-display-em: 500;
  --weight-medium: 500;

  --tracking-display: -0.02em;
  --tracking-label: 0.18em;
  --tracking-label-wide: 0.28em;
  --tracking-wordmark: 0.16em;

  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --radius-m: 8px;
  --radius-l: 14px;
  --radius-xl: 22px;
  --radius-pill: 999px;

  --gutter-page: 20px;
  --gutter-page-lg: 56px;
  --container-max: 1240px;
  --control-height-m: 44px;
  --control-height-l: 54px;

  --shadow-1: 0 1px 2px rgba(11, 26, 38, 0.05), 0 2px 8px rgba(11, 26, 38, 0.04);
  --shadow-2: 0 2px 4px rgba(11, 26, 38, 0.05), 0 10px 24px rgba(11, 26, 38, 0.07);
  --shadow-3: 0 6px 12px rgba(11, 26, 38, 0.06), 0 24px 48px rgba(11, 26, 38, 0.1);
  --shadow-gold: 0 8px 24px rgba(172, 136, 67, 0.24);

  --scrim-top: linear-gradient(to bottom, rgba(6, 13, 20, 0.55) 0%, rgba(6, 13, 20, 0) 60%);

  --ease-standard: cubic-bezier(0.32, 0.72, 0, 1);
  --duration-instant: 90ms;
  --duration-fast: 160ms;
  --duration-base: 260ms;
}