/* 98 Records Design System v2 — Three-layer token architecture */
.records-98-app {
  /* PRIMITIVES */
  --r98-gold-300:#F9DA49;
  --r98-gold-400:#F3CB42;
  --r98-gold-500:#EEBB3A;
  --r98-gold-600:#DFA938;
  --r98-gold-700:#B78029;
  --r98-gold-800:#8D611F;
  --r98-neutral-0:#FFFFFF;
  --r98-neutral-50:#F7F4ED;
  --r98-neutral-100:#E9E5DC;
  --r98-neutral-400:#AAA49A;
  --r98-neutral-700:#202020;
  --r98-neutral-800:#171717;
  --r98-neutral-900:#121212;
  --r98-neutral-950:#0B0B0B;

  /* TYPOGRAPHY */
  --r98-font-sans:Inter,Manrope,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --r98-font-display:"Newsreader","Merriweather",Georgia,"Times New Roman",serif;
  --r98-font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;

  /* SPACING — 4pt sub-grid / 8pt base */
  --r98-space-1:.25rem;
  --r98-space-2:.5rem;
  --r98-space-3:.75rem;
  --r98-space-4:1rem;
  --r98-space-5:1.25rem;
  --r98-space-6:1.5rem;
  --r98-space-8:2rem;
  --r98-space-10:2.5rem;
  --r98-space-12:3rem;
  --r98-space-16:4rem;
  --r98-space-20:5rem;
  --r98-space-24:6rem;

  /* RADIUS / BORDER */
  --r98-radius-xs:.375rem;
  --r98-radius-sm:.5rem;
  --r98-radius-md:.75rem;
  --r98-radius-lg:1rem;
  --r98-radius-xl:1.5rem;
  --r98-radius-2xl:2rem;
  --r98-radius-full:999px;
  --r98-border-hairline:1px;
  --r98-border-strong:2px;

  /* MOTION */
  --r98-ease-standard:cubic-bezier(.2,.8,.2,1);
  --r98-ease-emphasized:cubic-bezier(.16,1,.3,1);
  --r98-duration-fast:120ms;
  --r98-duration-base:180ms;
  --r98-duration-slow:250ms;

  /* SEMANTIC — DARK MODE DEFAULT */
  --r98-color-brand:var(--r98-gold-500);
  --r98-color-brand-hover:var(--r98-gold-300);
  --r98-color-brand-strong:var(--r98-gold-800);
  --r98-color-on-brand:#111111;
  --r98-color-bg:var(--r98-neutral-950);
  --r98-color-surface:var(--r98-neutral-900);
  --r98-color-surface-raised:var(--r98-neutral-800);
  --r98-color-surface-muted:var(--r98-neutral-700);
  --r98-color-text:var(--r98-neutral-100);
  --r98-color-text-strong:var(--r98-neutral-50);
  --r98-color-text-muted:var(--r98-neutral-400);
  --r98-color-border:rgba(255,255,255,.12);
  --r98-color-border-strong:rgba(249,218,73,.42);
  --r98-color-focus:var(--r98-gold-300);
  --r98-color-overlay:rgba(3,3,3,.72);
  --r98-glass-bg:rgba(18,18,18,.72);
  --r98-glass-border:rgba(255,255,255,.13);
  --r98-shadow-1:0 1px 2px rgba(0,0,0,.24),0 8px 24px rgba(0,0,0,.14);
  --r98-shadow-2:0 10px 30px rgba(0,0,0,.24),0 24px 70px rgba(0,0,0,.22);
  --r98-shadow-focus:0 0 0 4px rgba(249,218,73,.30);

  /* STATUS */
  --r98-color-success:#8BD8B2;
  --r98-color-warning:#F9DA49;
  --r98-color-danger:#FFB3AD;
  --r98-color-info:#A9D4FF;

  /* COMPONENT-SCOPED */
  --r98-button-height:3rem;
  --r98-button-radius:var(--r98-radius-md);
  --r98-card-radius:var(--r98-radius-lg);
  --r98-card-border:var(--r98-color-border);
  --r98-header-height:5.5rem;
  --r98-content-max:77.5rem;
}

.records-98-app[data-theme="light"] {
  --r98-color-brand:#8D611F;
  --r98-color-brand-hover:#6F4B17;
  --r98-color-brand-strong:#5D3F13;
  --r98-color-on-brand:#FFFFFF;
  --r98-color-bg:#FFFFFF;
  --r98-color-surface:#F7F7F5;
  --r98-color-surface-raised:#FFFFFF;
  --r98-color-surface-muted:#F1EFE9;
  --r98-color-text:#1C1C1C;
  --r98-color-text-strong:#111111;
  --r98-color-text-muted:#5A5A5A;
  --r98-color-border:#DDD8CD;
  --r98-color-border-strong:#9E7126;
  --r98-color-focus:#8D611F;
  --r98-color-overlay:rgba(17,17,17,.54);
  --r98-glass-bg:rgba(255,255,255,.78);
  --r98-glass-border:rgba(17,17,17,.10);
  --r98-shadow-1:0 1px 2px rgba(17,17,17,.08),0 8px 24px rgba(17,17,17,.08);
  --r98-shadow-2:0 10px 30px rgba(17,17,17,.10),0 24px 70px rgba(17,17,17,.08);
  --r98-shadow-focus:0 0 0 4px rgba(141,97,31,.20);
  --r98-color-success:#235B42;
  --r98-color-warning:#755A10;
  --r98-color-danger:#8D2A2A;
  --r98-color-info:#275D8C;
}