/* Hallmark · SIDEQUEST V4 tokens · custom midnight hardware palette */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;600;700&family=Noto+Sans+TC:wght@500;700;800&family=Tomorrow:wght@600;700;800&display=swap');

:root {
  --sqih-color-canvas: oklch(11.5% 0.032 258);
  --sqih-color-canvas-raised: oklch(16.5% 0.043 255);
  --sqih-color-canvas-soft: oklch(20% 0.047 252);
  --sqih-color-shell: oklch(23% 0.022 252);
  --sqih-color-shell-secondary: oklch(29% 0.027 250);
  --sqih-color-shell-edge: oklch(48% 0.036 244);
  --sqih-color-shell-highlight: oklch(66% 0.035 238);
  --sqih-color-gunmetal: oklch(38% 0.034 244);
  --sqih-color-bezel: oklch(8.5% 0.025 255);
  --sqih-color-screen: oklch(12% 0.047 246);
  --sqih-color-screen-raised: oklch(16.5% 0.055 244);
  --sqih-color-screen-rule: oklch(46% 0.095 222);
  --sqih-color-text: oklch(96% 0.015 230);
  --sqih-color-muted: oklch(78% 0.025 235);
  --sqih-color-faint: oklch(65% 0.03 238);
  --sqih-color-control: oklch(25% 0.024 248);
  --sqih-color-control-hover: oklch(31% 0.034 240);
  --sqih-color-control-edge: oklch(54% 0.054 226);
  --sqih-color-control-ink: oklch(94% 0.018 230);
  --sqih-color-cyan: oklch(82% 0.15 203);
  --sqih-color-cyan-hover: oklch(88% 0.13 199);
  --sqih-color-cyan-ink: oklch(16% 0.045 235);
  --sqih-color-blue: oklch(65% 0.18 250);
  --sqih-color-game: oklch(57% 0.22 257);
  --sqih-color-coral: oklch(70% 0.19 27);
  --sqih-color-coral-hover: oklch(76% 0.17 25);
  --sqih-color-coral-ink: oklch(16% 0.035 25);
  --sqih-color-magenta: oklch(65% 0.18 345);
  --sqih-color-food: oklch(88% 0.18 92);
  --sqih-color-travel: oklch(61% 0.22 300);
  --sqih-color-shell-blue: oklch(53% 0.2 258);
  --sqih-color-shell-blue-dark: oklch(43% 0.18 285);
  --sqih-color-selection: oklch(28% 0.075 224);
  --sqih-color-selection-edge: oklch(78% 0.14 205);
  --sqih-color-selection-ink: oklch(96% 0.018 220);
  --sqih-color-focus: oklch(88% 0.16 205);
  --sqih-color-success: oklch(76% 0.14 158);
  --sqih-color-error: oklch(70% 0.19 27);
  --sqih-color-legal: oklch(65% 0.025 238);
  --sqih-color-shadow: oklch(4% 0.02 260 / 0.68);
  --sqih-color-shadow-soft: oklch(4% 0.02 260 / 0.32);
  --sqih-color-cyan-halo: oklch(72% 0.16 210 / 0.13);
  --sqih-color-coral-halo: oklch(66% 0.18 28 / 0.09);
  --sqih-color-magenta-halo: oklch(61% 0.18 345 / 0.07);
  --sqih-color-grid: oklch(68% 0.07 224 / 0.075);
  --sqih-color-scanline: oklch(95% 0.01 230 / 0.045);
  --sqih-color-transparent: oklch(11.5% 0.032 258 / 0);

  --sqih-font-display: "Tomorrow", "Noto Sans TC", sans-serif;
  --sqih-font-body: "Noto Sans TC", "Geist", "PingFang TC", "Microsoft JhengHei", sans-serif;
  --sqih-font-chinese: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;

  --sqih-space-3xs: 0.125rem;
  --sqih-space-2xs: 0.25rem;
  --sqih-space-xs: 0.5rem;
  --sqih-space-sm: 0.75rem;
  --sqih-space-md: 1rem;
  --sqih-space-lg: 1.5rem;
  --sqih-space-xl: 2.5rem;
  --sqih-space-2xl: 4rem;
  --sqih-space-3xl: 6rem;

  --sqih-text-xs: 0.68rem;
  --sqih-text-sm: 0.82rem;
  --sqih-text-base: 1rem;
  --sqih-text-md: 1.25rem;
  --sqih-text-lg: 1.5625rem;
  --sqih-text-xl: 1.953rem;

  --sqih-radius-xs: 0.25rem;
  --sqih-radius-sm: 0.55rem;
  --sqih-radius-md: 0.9rem;
  --sqih-radius-card: 1.25rem;
  --sqih-radius-console: 2.25rem;

  --sqih-ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --sqih-ease-in: cubic-bezier(0.7, 0, 0.84, 0);
  --sqih-ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --sqih-motion-fast: 120ms;
  --sqih-motion-ui: 180ms;
  --sqih-motion-select: 240ms;
  --sqih-motion-screen: 360ms;
  --sqih-motion-back: 300ms;
  --sqih-motion-camera: 480ms;
  --sqih-motion-enter: 520ms;

  --sqih-layer-base: 1;
  --sqih-layer-atmosphere: 10;
  --sqih-layer-product: 20;
  --sqih-layer-interface: 100;
  --sqih-layer-admin: 200;
}