/* Design tokens carried over from the eduthing design system used in the mockup
   handoff (Eduthing operational command centre mockups-handoff.zip). Proxima Nova is
   not licensed for web embedding, so Montserrat substitutes it per that system's own
   readme.md. */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700;800;900&family=Open+Sans:wght@300;400;600;700&display=swap');

:root {
  /* Neutrals */
  --white: #FFFFFF;
  --light-gray: #EFEFEF;
  --gray: #B8B9BD;
  --cool-gray: #54565A;
  --dark-gray: #303030;

  /* Core brand */
  --eduthing-blue: #52B5E6;
  --azure-blue: #0A638F;

  /* Secondary palette */
  --magenta: #91348A;
  --purple: #48155B;
  --pink: #C84A70;
  --crimson: #740E4F;
  --yellow: #FFA80F;
  --orange: #D66904;
  --green: #75C461;
  --forest-green: #146D20;
  --indigo: #333983;
  --deep-blue: #0B0050;

  /* Semantic aliases */
  --text-primary: var(--dark-gray);
  --text-secondary: var(--cool-gray);
  --surface-page: var(--white);
  --surface-muted: var(--light-gray);
  --link: var(--azure-blue);
  --link-hover: var(--eduthing-blue);

  /* Typography */
  --font-display: 'Montserrat', Arial, Helvetica, sans-serif;
  --font-body: 'Open Sans', Arial, Helvetica, sans-serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;

  /* Spacing / radius */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-5: 24px; --space-6: 32px; --space-7: 48px;
  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 16px; --radius-pill: 999px;

  --elevation-sm: 0 1px 3px rgba(0,0,0,0.08);
}