/* Central ASK — shared design tokens. Used by every system in the hub.
   Visual language: shadcn-style dark dashboard (cool zinc surfaces, thin
   borders, flat cards, Geist type). Coral accent kept as ASK brand identity. */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  /* Neutral surfaces — zinc scale, cool near-black (shadcn dark) */
  --bg: oklch(14.5% 0.004 286);        /* zinc-950 — app background */
  --bg-2: oklch(18% 0.005 286);        /* recessed / track fills */
  --surface: oklch(21% 0.006 286);     /* zinc-900 — cards */
  --surface-2: oklch(25% 0.006 286);   /* hover / elevated rows */
  --line: oklch(27.5% 0.006 286);      /* zinc-800 — borders */
  --line-soft: oklch(27.5% 0.006 286 / 0.6);

  --text: oklch(98.5% 0 0);            /* zinc-50 */
  --text-dim: oklch(71% 0.013 286);    /* zinc-400 — muted */
  --text-faint: oklch(55% 0.013 286);  /* zinc-500 — subtle */

  --accent: oklch(76.9% 0.116 26.5);        /* coral #f5968c — ASK identity */
  --accent-soft: oklch(76.9% 0.116 26.5 / 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: 12px;
  --radius-sm: 8px;
  --space-page: clamp(1rem, 0.5rem + 2vw, 2.75rem);
  --shadow: 0 1px 3px 0 oklch(0% 0 0 / 0.5),
            0 1px 2px -1px oklch(0% 0 0 / 0.5);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);

  --font: "Geist", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --mono: "Geist 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; }