/* Croudnest shared design tokens (rulebook). Pages still set their own --acc* overrides. */
:root {
  --bg: #ffffff;
  --ink: #141313;
  --muted: #5e5a58;
  --line: #ece9e6;
  --card: #faf8f5;
  --hero: #fafafa;

  --y100: #fff3dc;
  --y200: #ffe2a8;
  --y500: #fcaf45;
  --y700: #b86e05;

  --pink: #e1306c;
  --pink100: #fce4ec;
  --blue: #2f6bff;
  --blue100: #e3ebff;
  --green: #1fa855;
  --green-bright: #3ddc84;
  --green100: #dcf6e6;
  --coral: #ff5c33;
  --coral100: #ffe9e1;
  --teal: #0f9d8f;
  --teal100: #e8f7f5;

  --head: "Inter", "Helvetica Neue", Arial, sans-serif;
  --body: "Figtree", "Helvetica Neue", Arial, sans-serif;
  --cta: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;
  --hw: 650;

  --radius-pill: 999px;
  --radius-sm: 16px;
  --radius-md: 28px;
  --radius-lg: 40px;
  --wrap: 1200px;
  --gutter: 28px;
}

@media (max-width: 900px) {
  :root {
    --gutter: 20px;
  }
}


:root[data-theme="dark"] {
  --bg: #141313;
  --ink: #ffffff;
  --muted: #a8a3a0;
  --line: #2e2b2a;
  --card: #1e1c1c;
  --hero: #181717;
}