/* Saigon Digital brand tokens. Source of truth: ~/Projects/sd/sd-brand
   Reference: the live site saigon.digital (saigon.digital repo, src/content/css/00-tokens.css + style.css)
   and the Brand Book palette. Import this file; never hard-code brand hex values. */

@font-face{ font-family:'Hanken Grotesk'; font-weight:400; src:url('../fonts/HankenGrotesk-Regular.ttf') format('truetype'); }
@font-face{ font-family:'Hanken Grotesk'; font-weight:500; src:url('../fonts/HankenGrotesk-Medium.ttf') format('truetype'); }
@font-face{ font-family:'Hanken Grotesk'; font-weight:600; src:url('../fonts/HankenGrotesk-SemiBold.ttf') format('truetype'); }
@font-face{ font-family:'Hanken Grotesk'; font-weight:700; src:url('../fonts/HankenGrotesk-Bold.ttf') format('truetype'); }
@font-face{ font-family:'Hanken Grotesk'; font-weight:800; src:url('../fonts/HankenGrotesk-ExtraBold.ttf') format('truetype'); }

:root{
  /* Palette (Brand Book) */
  --sd-core-blue:#3165F5;
  --sd-core-indigo:#1E0F48;
  --sd-black-text:#232323;
  --sd-white:#FFFFFF;
  --sd-light-blue:#80DFF2;   /* fill / on-dark accent only, never text on white */
  --sd-yellow:#FFC852;       /* fill / on-dark accent only, never text on white */
  --sd-dark-bg:#061528;
  --sd-grey-light:#F5F5F5;
  --sd-grey:#A3A6B1;

  /* Type */
  --sd-font:'Hanken Grotesk', system-ui, sans-serif;
  --sd-radius:14px;          /* cards; site uses 22px on large panels */
  --sd-radius-lg:22px;
}

/* LIGHT theme: presentations, proposals, client reports, PDFs, printable docs */
.sd-light, :root{
  --bg:#FFFFFF;
  --panel:#F5F7FA;
  --tint:#EDF2FF;
  --line:#DFE4EC;
  --heading:#1E0F48;
  --body:#3D4354;
  --muted:#6A7179;
  --accent:#3165F5;
  --warn:#D97706;
}

/* DARK theme: web pages, dashboards, wins reports, screen-first */
.sd-dark{
  --bg:#061528;
  --panel:#0B1F3A;
  --panel-raised:#0F2748;
  --line:#1B3558;
  --heading:#F2F5FB;
  --body:#C9D2E3;
  --muted:#A3A6B1;
  --accent:#3165F5;
  --accent-2:#80DFF2;
  --accent-3:#FFC852;
}