/* tokens.css: the brand for CH Furniture Point. Light theme only.
   Monochrome + one signal yellow (fills only, never text on light). */

:root {
  color-scheme: light;

  /* Type */
  --font-display: "Outfit", ui-sans-serif, system-ui, sans-serif;
  --font-body: "Albert Sans", ui-sans-serif, system-ui, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --fs-display: clamp(3rem, 7.2vw, 6.75rem);
  --fs-h2: clamp(2.25rem, 4.6vw, 4.25rem);
  --fs-h3: clamp(1.25rem, 1.8vw, 1.5rem);
  --fs-step: clamp(2.5rem, 5vw, 4.5rem);
  --fs-body: clamp(1rem, 0.96rem + 0.2vw, 1.0625rem);
  --fs-small: 0.875rem;
  --tracking-display: -0.03em;
  --leading-display: 0.98;

  /* Palette (never pure black / white) */
  --paper: #F6F6F4;
  --ash: #ECECE9;
  --ash-2: #E2E2DE;
  --line: rgb(14 14 15 / 0.12);
  --ink: #0E0E0F;
  --ink-2: #3C3C3F;
  --muted: #66666A;
  --yellow: #FDC70F;
  --yellow-deep: #E2AE00;
  --snow: #F2F2EF;
  --night: #0E0E0F;
  --night-muted: #A3A3A0;

  /* Names the base layer expects */
  --bg: var(--paper);
  --bg-elevated: var(--snow);
  --bg-muted: var(--ash);
  --text: var(--ink);
  --text-muted: var(--muted);
  --accent: var(--yellow);
  --accent-contrast: var(--ink);
  --accent-soft: rgb(253 199 15 / 0.18);
  --scrim: rgb(246 246 244 / 0.9);
  --shadow: 0 24px 48px -24px rgb(14 14 15 / 0.18);
  --focus: 0 0 0 2px var(--paper), 0 0 0 4px var(--ink);

  /* Art (all SVG furniture reads these) */
  --art-frame: var(--ink);
  --art-up: var(--yellow);
  --art-shade: var(--yellow-deep);
  --art-inset: var(--snow);
  --art-wall: var(--ash);
  --art-floor: var(--ash-2);
  --art-shadow: rgb(14 14 15 / 0.10);

  /* Shape: sharp UI, roundness lives only inside the art */
  --radius-card: 0;
  --radius-button: 0;
  --radius-input: 0;

  /* Rhythm */
  --section-y: clamp(6rem, 11vw, 10rem);
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --container: 1440px;
  --nav-h: 72px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  --dur: 0.45s;

  /* Z-index scale */
  --z-base: 1;
  --z-sticky: 20;
  --z-nav: 40;
  --z-overlay: 60;
  --z-grain: 80;
}

/* Night surfaces: the assembly section and the rooms end card */
.on-night {
  --art-frame: #F2F2EF;
  --art-inset: #0E0E0F;
  --art-shadow: rgb(242 242 239 / 0.07);
  --focus: 0 0 0 2px var(--night), 0 0 0 4px var(--snow);
  color: var(--snow);
}