/* =========================================================
   Metrica — design tokens
   Maps 1:1 to theme.json in a future Gutenberg block theme:
   - color palette  -> settings.color.palette
   - typography     -> settings.typography.fontFamilies
   - spacing/radii  -> settings.spacing.spacingSizes
   ========================================================= */
:root {
  color-scheme: light;

  /* Neutrals — deep navy base */
  --ink-950: #050a14;
  --ink-900: #0a1220;
  --ink-800: #0f1b2d;
  --ink-700: #16253d;
  --ink-600: #1f324f;
  --ink-500: #3a4e6d;
  --ink-400: #5a6e8a;
  --ink-300: #8a9cb5;
  --ink-200: #c2cddc;
  --ink-100: #e7ecf2;
  --ink-50:  #f5f7fa;
  --ink-0:   #ffffff;

  /* Brand — refined institutional blue */
  --brand-900: #0a2342;
  --brand-700: #0f3b75;
  --brand-500: #1e5bb8;
  --brand-400: #3a7fd4;
  --brand-300: #7aaae8;

  /* Accent — cyan for data viz highlight */
  --cyan-500: #38bdf8;
  --cyan-400: #5cc8fa;

  /* State */
  --ok:   #22c55e;
  --warn: #f59e0b;

  /* Partner colors — official */
  --sf-blue:    #00A1E0;
  --sap-blue:   #003d7a;
  --pbi-yellow: #F2C811;

  /* Radii */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 6px;
  --r-lg: 10px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(10,18,32,.06);
  --shadow-md: 0 4px 14px rgba(10,18,32,.08), 0 2px 4px rgba(10,18,32,.04);
  --shadow-lg: 0 20px 48px rgba(10,18,32,.10), 0 6px 14px rgba(10,18,32,.06);

  /* Type families
     Loaded locally via css/fonts.css (assets/fonts/*.woff2).
     Serif: Source Serif Pro 400 only — produces the thin look
     of the original (which fell back to Georgia 400). */
  --font-sans:  "Inter Tight", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-serif: "Source Serif Pro", Georgia, serif;
  --font-mono:  "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Layout */
  --container-max: 1400px;
  --container-pad: 48px;
  --section-y:     120px;
}