/* =============================================================
   Achieva Design System — tokens (reproduced from the design handoff
   README §Design Tokens, since _ds/ isn't bundled). Provides the
   --teal/--purple/--gold/etc. variables and base font stacks that
   portal.css references via var().
   ============================================================= */

/* ---- Fonts (Google) --------------------------------------- */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap");

:root {
  /* Brand colors */
  --teal:       #006269;
  --teal-dark:  #004d52;
  --teal-light: #007d86;
  --purple:     #72246c;
  --gold:       #ffb81c;
  --gold-dark:  #e6a418;
  --green:      #7a9a01;
  --red:        #ba0c2f;
  --soft-teal:  #b6cfd0;
  --soft-gray:  #d9d9d6;

  /* Neutrals */
  --gray-50:  #f7f8f9;
  --gray-100: #f0f2f5;
  --gray-200: #e9edf0;
  --gray-300: #e0e6eb;
  --gray-400: #c7d0d6;
  --gray-500: #6b7c8a;
  --gray-600: #4d5b66;
  --gray-700: #34424c;
  --gray-800: #233038;
  --gray-900: #1c2b33;

  /* Typography */
  --font-sans:    'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-display: 'Sofia Pro', 'Inter', system-ui, sans-serif;
  --font-serif:   'Merriweather', Georgia, serif;
  --font-mono:    ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-body:    var(--font-sans);
  --c-body-font:  var(--font-sans);

  /* Spacing scale */
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* Radii */
  --radius-sm: 4px;
  --radius:    8px;
  --radius-md: 12px;
  --radius-lg: 18px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 4px rgba(0,0,0,.07);
  --shadow:    0 2px 14px rgba(0,98,105,.10);
  --shadow-md: 0 6px 28px rgba(0,98,105,.14);
  --shadow-lg: 0 16px 40px rgba(0,98,105,.18);

  /* Motion */
  --ease: cubic-bezier(.4, 0, .2, 1);
  --duration-1: 120ms;
  --duration-2: 200ms;
  --duration-3: 320ms;
}

/* Reasonable base */
html { font-family: var(--font-sans); color: var(--gray-900); }
body { background: var(--gray-50); }

/* DS button + form baselines that portal.css extends */
button { font-family: inherit; }
input, textarea, select { font-family: inherit; color: inherit; }
a { color: var(--teal); text-decoration: none; }
a:hover { color: var(--teal-dark); text-decoration: underline; }

/* Hidden util (accessible) */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0;
}