/* ── OneVisa Pre-Qualifier prototype · design tokens ─────────────── */

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

:root {
  /* OneVisa product base (mirrors ov-capture-frontend CSS vars) */
  --ov-primary: hsl(202 89% 43%);
  --ov-primary-strong: hsl(202 89% 35%);
  --ov-primary-soft: hsl(202 89% 95%);

  /* tinted neutrals (toward the brand blue, never pure b/w) */
  --ink-900: hsl(210 28% 12%);
  --ink-700: hsl(210 18% 28%);
  --ink-500: hsl(210 12% 45%);
  --ink-300: hsl(210 14% 72%);
  --ink-150: hsl(210 22% 90%);
  --ink-075: hsl(210 30% 96%);
  --paper:   hsl(208 36% 99%);
  --card:    hsl(0 0% 100%);

  /* status */
  --ok-600: hsl(152 55% 34%);   --ok-100: hsl(152 50% 93%);
  --warn-700: hsl(36 80% 32%);  --warn-100: hsl(40 90% 92%);
  --risk-600: hsl(354 60% 44%); --risk-100: hsl(354 70% 95%);
  --info-600: var(--ov-primary); --info-100: var(--ov-primary-soft);

  /* bands */
  --band-strong: var(--ok-600);
  --band-strong-bg: var(--ok-100);
  --band-moderate: var(--warn-700);
  --band-moderate-bg: var(--warn-100);
  --band-weak: var(--risk-600);
  --band-weak-bg: var(--risk-100);

  /* demo actors */
  --actor-superadmin: hsl(222 16% 32%);
  --actor-school:     hsl(262 52% 47%);
  --actor-agency:     hsl(174 62% 28%);
  --actor-student:    var(--ov-primary);

  /* white-label school brand (overridden per brand) */
  --brand-primary: hsl(168 70% 27%);
  --brand-secondary: hsl(40 92% 50%);
  --brand-primary-soft: hsl(168 60% 94%);
  --brand-name: 'Kingsway English College';

  --font-body: 'Figtree', sans-serif;
  --font-display: 'Sora', sans-serif;

  --radius: 10px;
  --radius-sm: 7px;
  --shadow-1: 0 1px 2px hsl(210 30% 12% / .06), 0 4px 14px hsl(210 30% 12% / .05);
  --shadow-2: 0 4px 10px hsl(210 30% 12% / .08), 0 18px 44px hsl(210 30% 12% / .12);
}

/* fictional school brands */
[data-brand="kingsway"] {
  --brand-primary: hsl(168 70% 27%);
  --brand-primary-soft: hsl(168 60% 94%);
  --brand-secondary: hsl(40 92% 50%);
}
[data-brand="harbourline"] {
  --brand-primary: hsl(20 78% 40%);
  --brand-primary-soft: hsl(24 80% 95%);
  --brand-secondary: hsl(204 45% 30%);
}