/* ============================================================
   Neele-Vat design tokens — subset of colors_and_type.css from
   the official Neele-Vat Design System, adapted for this app.
   ============================================================ */

@font-face { font-family: "Geogrotesque"; font-style: normal; font-weight: 400; src: url("fonts/geogtq-rg.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Geogrotesque"; font-style: normal; font-weight: 500; src: url("fonts/geogtq-md.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Geogrotesque"; font-style: normal; font-weight: 600; src: url("fonts/geogtq-sb.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Geogrotesque"; font-style: normal; font-weight: 700; src: url("fonts/geogtq-bd.otf") format("opentype"); font-display: swap; }
@font-face { font-family: "Geogrotesque"; font-style: normal; font-weight: 300; src: url("fonts/geogtq-lg.otf") format("opentype"); font-display: swap; }

:root {
  /* Core brand colors (brandbook p.22) */
  --nv-blue:        #266791;
  --nv-blue-mid:    #349BD6;
  --nv-blue-light:  #9CD1EC;
  --nv-green:       #62996B;
  --nv-navy:        #0D1B26;

  --nv-grey-50:     #F2F2F2;
  --nv-grey-100:    #D9D9D9;
  --nv-grey-300:    #A6A6A6;
  --nv-grey-500:    #7F7F7F;
  --nv-grey-700:    #404040;

  --nv-focus:       #3F9AD5;
  --nv-success:     #2F8F4A;
  --nv-warning:     #C58A1A;
  --nv-danger:      #B43A2D;

  --nv-font-display: "Geogrotesque", "Segoe UI", system-ui, sans-serif;
  --nv-font-body:     "Tahoma", "Geogrotesque", "Segoe UI", system-ui, sans-serif;
  --nv-font-mono:     ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  --nv-tracking-eyebrow: 0.12em;

  /* Radii — sharp brand character: 0 on big surfaces, 2-4px on
     buttons/inputs, pill only for status tags */
  --nv-radius-1: 2px;
  --nv-radius-2: 4px;
  --nv-radius-pill: 999px;

  /* Shadows — quiet, single-layer */
  --nv-shadow-sm: 0 1px 2px rgba(15, 35, 50, 0.06);
  --nv-shadow-md: 0 4px 12px rgba(15, 35, 50, 0.08);
  --nv-shadow-lg: 0 12px 32px rgba(15, 35, 50, 0.12);

  /* Motion */
  --nv-ease:     cubic-bezier(0.2, 0.8, 0.2, 1);
  --nv-dur-fast: 120ms;
  --nv-dur-base: 200ms;
  --nv-dur-slow: 320ms;
}