/* Central ASK — shared design tokens. Used by every system in the hub. */
:root {
  --bg: oklch(16% 0.012 265);
  --bg-2: oklch(19% 0.014 265);
  --surface: oklch(22% 0.016 265);
  --surface-2: oklch(25% 0.018 265);
  --line: oklch(30% 0.02 265);
  --line-soft: oklch(27% 0.016 265 / 0.6);

  --text: oklch(96% 0.006 265);
  --text-dim: oklch(72% 0.012 265);
  --text-faint: oklch(56% 0.014 265);

  --accent: oklch(80% 0.16 78);        /* gold — ASK identity */
  --accent-soft: oklch(80% 0.16 78 / 0.14);
  --teal: oklch(78% 0.12 195);

  /* Semantic funnel / status colors */
  --won: oklch(78% 0.16 155);
  --proposal: oklch(82% 0.15 80);
  --lost: oklch(68% 0.19 25);
  --noresp: oklch(60% 0.02 265);
  --qualified: var(--teal);

  --radius: 16px;
  --radius-sm: 10px;
  --space-page: clamp(1rem, 0.5rem + 2vw, 2.75rem);
  --shadow: 0 1px 0 oklch(100% 0 0 / 0.04) inset,
            0 20px 40px -24px oklch(0% 0 0 / 0.7);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  --font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;
}

/* The [hidden] attribute must always win over class-based display rules
   (e.g. .modal-overlay / .btn set display, which would otherwise show them). */
[hidden] { display: none !important; }