/* DSV Technology — Brand Tokens
 * Editorial heritage serif + technical precision (monospace, grids, spec-sheet detail).
 * Color: strict monochrome (ink + bone). One restrained "Blueprint" accent — a deep
 * pen-ink navy used for technical surfaces and the rare data signal. NO bright accent.
 */

:root {
  /* ==== Core palette ==== */
  --ink-950: #0A0A0B;          /* Primary brand black — pure ink */
  --ink-900: #14141A;
  --ink-800: #20202A;
  --ink-700: #2E2E3C;
  --ink-500: #5C5C6E;
  --ink-400: #8A8A9C;
  --ink-300: #B8B8C4;
  --ink-200: #D9D9E0;
  --ink-100: #ECECEF;

  --bone-50:  #FAF8F4;         /* Warm off-white — primary canvas */
  --bone-100: #F4F1EB;
  --bone-200: #EAE5DB;
  --bone-300: #D8D2C5;

  /* Blueprint — single restrained accent. Deep pen-ink navy, never a bright blue.
     Used for technical surfaces (spec sheets, terminals) and rare data marks. */
  --blueprint-900: #0B1A2E;    /* Darkest — technical surface */
  --blueprint-700: #15273F;
  --blueprint-500: #1F3A5F;    /* Standard — links, marks */
  --blueprint-300: #4A6388;
  --blueprint-100: #DCE3EC;

  /* Legacy alias — kept so existing components keep working */
  --cobalt-500: var(--blueprint-500);
  --cobalt-600: var(--blueprint-700);
  --cobalt-400: var(--blueprint-300);
  --cobalt-100: var(--blueprint-100);

  /* Accent — Brass (premium, heritage glow) — used very sparingly */
  --brass-500: #B8924A;
  --brass-400: #D4B074;
  --brass-100: #F2E9D2;

  /* Signals */
  --signal-success: #1F8A4C;
  --signal-warn:    #C77A0A;
  --signal-error:   #C03434;

  /* ==== Typography ==== */
  --font-display: "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-serif:   "Cormorant Garamond", Georgia, serif;
  --font-sans:    "Inter Tight", "Inter", system-ui, -apple-system, sans-serif;
  --font-mono:    "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;
  --font-hebrew:  "Frank Ruhl Libre", "Cormorant Garamond", serif;
  --font-hebrew-sans: "Heebo", "Inter Tight", sans-serif;

  /* Type scale (1920 baseline) */
  --t-hero:    clamp(56px, 9vw, 168px);
  --t-display: clamp(40px, 6vw, 96px);
  --t-h1:      clamp(32px, 4vw, 64px);
  --t-h2:      clamp(24px, 3vw, 44px);
  --t-h3:      clamp(20px, 2vw, 28px);
  --t-body:    clamp(15px, 1.1vw, 17px);
  --t-small:   13px;
  --t-micro:   11px;

  /* ==== Spacing ==== */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --s-11: 192px;

  /* ==== Radii ==== */
  --r-1: 2px;
  --r-2: 6px;
  --r-3: 10px;
  --r-4: 14px;
  --r-5: 20px;
  --r-pill: 999px;

  /* ==== Shadows ==== */
  --sh-1: 0 1px 2px rgba(10,10,11,0.06);
  --sh-2: 0 4px 16px rgba(10,10,11,0.08);
  --sh-3: 0 12px 40px rgba(10,10,11,0.12);
  --sh-4: 0 24px 80px rgba(10,10,11,0.18);
  --sh-glow: 0 0 0 1px rgba(10,10,11,0.12), 0 8px 32px rgba(10,10,11,0.10);

  /* Motion */
  --ease-out:  cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 180ms;
  --dur-base: 320ms;
  --dur-slow: 600ms;
}

/* Variant: Dark / Premium Night */
.theme-night {
  --bone-50:  #0A0A0B;
  --bone-100: #14141A;
  --bone-200: #20202A;
  --ink-950: #FAF8F4;
  --ink-900: #ECECEF;
  --ink-800: #D9D9E0;
  --ink-700: #B8B8C4;
  --ink-500: #8A8A9C;
  --ink-400: #5C5C6E;
}

/* Base reset */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--ink-950);
  background: var(--bone-50);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Hebrew */
[lang="he"] { font-family: var(--font-hebrew-sans); }
[lang="he"] .display, [lang="he"] h1, [lang="he"] h2 { font-family: var(--font-hebrew); }

/* Selection */
::selection { background: var(--ink-950); color: var(--bone-50); }