/*
 * Fresh Business Group — design tokens
 * Values copied from the brand kit's tokens.json. Edit only if the
 * brand kit itself changes — this file is meant to stay in sync with it.
 */

@font-face {
  font-family: "Geist";
  src: url("../fonts/Geist.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geist Mono";
  src: url("../fonts/GeistMono.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Type */
  --font-sans: "Geist", "SF Pro Display", "Helvetica Neue", system-ui, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Group-level colour (fixed regardless of which business site this is) */
  --surface: #F6F7F5;
  --surface-raised: #FFFFFF;
  --surface-sunken: #ECEFEC;
  --ink: #111614;
  --ink-muted: #5B6660;
  --border: #DDE2DE;
  --border-strong: #8A958F;
  --green: #0A7A55;
  --on-green: #FFFFFF;
  --green-bright: #3DDC97;
  --mint: #DDF5EA;
  --graphite: #111614;
  --on-graphite: #F3F6F4;
  --negative: #C2362F;
  --positive: var(--green);

  /* Division colours — every one of the three sites has access to all
     three so a page can reference a specific business by name if it
     ever needs to, but --accent / --on-accent is what components use,
     and that's set per-site below. */
  --solutions: #3346D3;
  --digital: #00806E;
  --utilities: #C0660C;

  /* Set per site in inc/customizer.php — this is just a safe fallback. */
  --accent: var(--green);
  --on-accent: var(--on-green);

  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-1: 0 1px 2px rgba(17,22,20,0.06), 0 1px 1px rgba(17,22,20,0.04);
  --shadow-2: 0 12px 32px -8px rgba(17,22,20,0.16), 0 2px 6px rgba(17,22,20,0.06);
}

@media (prefers-color-scheme: dark) {
  body.fresh-theme-auto {
    --surface: #0B0F0D;
    --surface-raised: #151B18;
    --surface-sunken: #070A09;
    --ink: #F3F6F4;
    --ink-muted: #9AA7A0;
    --border: #26302B;
    --border-strong: #5F6B65;
    --green: #3DDC97;
    --on-green: #06140E;
    --mint: #0F2A1F;
    --solutions: #8C99FF;
    --digital: #3FE0C5;
    --utilities: #FFB15C;
  }
}