/* ==========================================================================
   STRATEGIA design system — tokens imported from claude.ai/design
   project a2ac1d83-eea6-40ba-ab9e-957a95148eef
   (_ds/strategia-design-system-47de4b9a-5325-4db3-8ca4-f32aaab0ab4e)
   Source: Figma "STRATEGIA.fig" — UI-Kit/Colours, Colours2, Typography,
   Typography2. Kiona (wordmark face) is a commercial font not available
   here — substituted with Raleway (see readme.md in the design project).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,400&family=Raleway:wght@300;400;500;600;700&display=swap');

:root {
  /* ---- Base palette — Main brand ---- */
  --strategia-blue-1: #001B36;
  --strategia-blue-2: #003053;
  --strategia-blue-3: #1A5075;
  --strategia-blue-4: #6D819F;
  --strategia-blue-5: #57C4C1;
  --strategia-orange: #E7531E;
  --strategia-black: #000000;
  --strategia-grey: #F2F2F2;
  --strategia-white: #FFFFFF;

  --strategia-gradient-2: linear-gradient(-43.686deg, var(--strategia-blue-4) 0%, var(--strategia-blue-1) 114.5%);

  /* ---- Semantic aliases ---- */
  --color-bg-page: var(--strategia-white);
  --color-bg-surface: var(--strategia-white);
  --color-bg-muted: var(--strategia-grey);
  --color-text-primary: var(--strategia-black);
  --color-text-heading: #181721;
  --color-text-muted: var(--strategia-blue-4);
  --color-text-link: var(--strategia-blue-3);
  --color-text-link-hover: var(--strategia-blue-1);
  --color-border: var(--strategia-grey);
  --color-border-strong: var(--strategia-blue-4);
  --color-shadow-strong: rgba(0, 0, 0, 0.25);

  /* ---- Fonts ---- */
  --font-display: 'Raleway', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; /* substitute for Kiona */
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* ---- Type scale ---- */
  --text-h1: 700 50px/1 var(--font-body);
  --text-h2: 700 30px/1.1 var(--font-body);
  --text-h3: 400 25px/1.2 var(--font-body);
  --text-cta: 700 13px/1.2 var(--font-body);
  --text-tags: 400 13px/1.2 var(--font-body);
  --text-body-bold: 700 16px/1.5 var(--font-body);
  --text-body: 400 16px/1.5 var(--font-body);

  --letter-spacing-label: 0.12em;
  --letter-spacing-wordmark: 0.3em;
}