/* ===========================================================
   ST AI Agency — Astro AI Agency Theme
   Design system: "Sunfield" — design tokens
   Change the palette, type and layout scale here.
   =========================================================== */

:root {
  --brand-primary: #F5611E;
  /* heat */
  --o900: #B8360A;
  --o800: #D9440C;
  --o700: #EC5A11;
  --o600: #FF6F1F;
  --o500: #FF8A3D;
  --o400: #FFA663;
  --o300: #FFC391;
  --o200: #FFDCBC;
  --o100: #FFEBD6;

  /* neutrals */
  --cream: #FFF6EC;
  --cream-2: #FDEEDF;
  --white: #FFFFFF;
  --ink: #1C0F07;
  --ink-2: #3A2415;
  --mute: #7A5C46;
  --mute-l: #9C7D65;

  /* lines */
  --hair: rgba(28, 15, 7, .12);
  --hair-2: rgba(28, 15, 7, .22);
  --hair-w: rgba(255, 255, 255, .30);
  --hair-w2: rgba(255, 255, 255, .55);

  /* type — self-hosted variable fonts (see README › Fonts) */
  --display: 'Outfit Variable', 'Outfit', system-ui, sans-serif;
  --body: 'Inter Tight Variable', 'Inter Tight', system-ui, -apple-system, sans-serif;

  /* layout */
  --wrap: 1600px;
  --gut: 56px;
  --ease: cubic-bezier(.22, .68, .16, 1);
}

@media (max-width: 1400px) {
  :root { --gut: 40px; }
}

@media (max-width: 820px) {
  :root { --gut: 22px; }
}