/* =============================================================================
   Wilder Robotics — Design Tokens
   -----------------------------------------------------------------------------
   Universal fluid type scale, spacing, and grid tokens.
   Island-specific color and typography tokens are scoped under [data-island].
   ============================================================================= */

:root {
  /* ---- Shell (institutional Wilder Robotics parent) ------------------------ */
  --shell-paper: #FAFAF7;
  --shell-ink: #0A0A0A;
  --shell-graphite: #3A3A3A;
  --shell-muted: #6B6B6B;
  --shell-rule: #E5E5E0;
  --shell-rule-strong: #C8C8C0;
  --shell-reverse-bg: #0A0A0A;
  --shell-reverse-fg: #FAFAF7;

  /* ---- Type families ------------------------------------------------------- */
  --font-shell-display: "Neue Haas Grotesk Display Pro", "Söhne", "Inter", system-ui, -apple-system, sans-serif;
  --font-shell-body: "Inter", "Söhne", system-ui, -apple-system, sans-serif;
  --font-shell-mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;

  /* ---- Fluid type scale (used across all islands) -------------------------- */
  --step-eyebrow: 11px;
  --step-micro: 13px;
  --step-body: clamp(15px, 1.4vw, 17px);
  --step-lead: clamp(17px, calc(17px + 4 * ((100vw - 500px) / 940)), 21px);
  --step-3: clamp(20px, calc(20px + 6 * ((100vw - 500px) / 940)), 26px);
  --step-2: clamp(26px, calc(26px + 14 * ((100vw - 500px) / 940)), 40px);
  --step-1: clamp(32px, calc(32px + 24 * ((100vw - 500px) / 940)), 56px);
  --step-hero: clamp(44px, calc(44px + 44 * ((100vw - 500px) / 940)), 88px);

  /* ---- Grid & spacing ------------------------------------------------------ */
  --grid-max: 1240px;
  --grid-gutter: clamp(20px, 4vw, 48px);
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 144px;
  --space-8: 200px;

  /* ---- 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-med: 320ms;
  --dur-slow: 640ms;
}

/* =============================================================================
   Pask island tokens (mirrors pask-16.vercel.app verbatim per computed dump)
   Source: /home/user/workspace/pask-computed-tokens.json (2026-07-23)
   ============================================================================= */

[data-island="pask"] {
  --cream: #f4f7fb;
  --cream-deep: #e8eef6;
  --ink: #0c1320;
  --navy: #111a2b;
  --brown: #51617e;
  --graphite: #3a465a;
  --muted: #5e6d84;
  --line: rgba(12, 19, 32, 0.10);
  --line-soft: rgba(12, 19, 32, 0.055);
  --blue: #2563eb;

  /* Semantic states (muted, non-alarming) */
  --state-sealed: #12a150;
  --state-verifying: #c2870b;
  --state-broken: #dc2626;
  --state-sealed-deep: #0d7a3e;
  --state-verifying-deep: #8a5e09;
  --state-broken-deep: #bf1d1d;

  /* Type — Pask uses Fraunces (display) + Geist Sans (body) + Geist Mono (labels) */
  --font-display: "Fraunces", "Cormorant Garamond", "Playfair Display", Georgia, serif;
  --font-sans: "Geist", "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --font-mono: "Geist Mono", "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* Signature: the 1.98px letter-spaced mono eyebrow */
  --eyebrow-tracking: 1.98px;
}

/* =============================================================================
   Robotkeepers island tokens (BRAND_GUIDELINES v1.0, locked 2026-05-14)
   Walnut + Cream + Navy. Sentinel A/B slab wordmark.
   ============================================================================= */

[data-island="robotkeepers"] {
  --paper: #F4EFE6;          /* Daylight Cream */
  --patch: #E8DCC0;          /* Patch Cream — embroidery only */
  --walnut: #6B4A2B;         /* Primary accent, thread color */
  --walnut-deep: #543A22;    /* Hover */
  --navy: #0B1626;           /* Reverse */
  --ink: #1C1C1C;            /* Print floor */
  --graphite: #4A4A4A;
  --muted: #6A6A6A;
  --rule: rgba(28, 28, 28, 0.12);

  --font-display: "Sentinel A", "Sentinel B", Sentinel, Vitesse, "Roboto Slab", Rockwell, Georgia, serif;
  --font-body: "Inter", "Söhne", system-ui, -apple-system, sans-serif;
  --font-mono: "JetBrains Mono", "Courier New", ui-monospace, monospace;
}

/* =============================================================================
   /robots surface tokens — inherits shell, adds Yarbo-inspired yellow accent
   ============================================================================= */

[data-island="robots"] {
  --yellow: #F5D000;
  --yellow-deep: #C9A800;
}