/* Design tokens — sampled from the FSWD logo mark and cover art.
   Mirrors siteConf/client-config.json -> brand.palette. Keep the two in sync. */

:root {
  /* Brand accents — fills, icons, and 24px+ display type ONLY */
  --green: #6FAE12;
  --red:   #EC4118;
  --teal:  #01A093;
  --amber: #FEB81A;

  --green-700: #5C9110;   /* button hover */
  --green-050: rgba(111,174,18,.10);
  --red-050:   rgba(236,65,24,.10);
  --teal-050:  rgba(1,160,147,.10);
  --amber-050: rgba(254,184,26,.14);

  /* Accessible text variants — the raw accents fail AA at body size on white.
     amber is 1.9:1 and has no text variant: it is never used for text. */
  --green-text: #4F7D08;
  --teal-text:  #017068;
  --red-text:   #C22F0F;

  /* Neutrals */
  --ink:   #0B0D10;
  --ink-2: #3F4650;
  --ink-3: #6B7480;
  --line:  #E3E7EB;
  --surface:   #FFFFFF;
  --surface-2: #F1F3F5;
  --surface-3: #E8ECEF;
  --dark:      #0B0D10;
  --dark-2:    #171B21;
  --on-dark:   #F4F6F8;
  --on-dark-2: #A8B2BD;

  --ribbon: linear-gradient(90deg, #6FAE12 0%, #01A093 34%, #FEB81A 67%, #EC4118 100%);

  --radius:    14px;
  --radius-lg: 22px;
  --radius-sm: 8px;

  --shadow-sm: 0 1px 2px rgba(11,13,16,.06), 0 2px 8px rgba(11,13,16,.05);
  --shadow-md: 0 4px 12px rgba(11,13,16,.07), 0 12px 32px rgba(11,13,16,.07);

  --font-head: "Poppins", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

  --wrap: 1180px;
  --gutter: clamp(20px, 5vw, 40px);
  --section-y: clamp(56px, 9vw, 96px);

  --s1: 8px;  --s2: 16px;  --s3: 24px;  --s4: 32px;
  --s5: 48px; --s6: 64px;  --s7: 96px;
}