/* tokencalculator.net — design tokens
   NearMe Marketing palette · Poppins (documented NMM fallback font — sanctioned sub-brand)
   Dark dev-tool theme is the DEFAULT; light theme via [data-theme="light"].
   Source families: /Users/joeashta/nmm/brand-style-guide/ASSETS/
   All pairs WCAG-AA checked 2026-08-10 (see 0810-structure-rebrand.md). */

:root {
  /* grounds (dark default) */
  --bg: #1D273A;            /* Ink */
  --bg-raised: #27384C;     /* Ink Light — cards, input wells */
  --bg-deep: #171820;       /* Ink Dark — code/output, footer */

  /* text */
  --text: #F6F6F6;          /* Frost (13.8:1 on bg) */
  --text-muted: #BBC5D8;    /* Slate Light (8.6:1 on bg) */

  /* accent */
  --accent: #F0607E;        /* Berry-on-dark (4.76:1 on bg). Never raw Berry as text on dark. */
  --accent-on-raised: #F4849B; /* body-size links on --bg-raised (4.91:1) */
  --accent-strong: #CB1542; /* Berry — filled buttons w/ Frost text (5.22:1), chart lines */
  --warm: #EADDCD;          /* Dune — badges, sparing highlight */
  --warm-text: #171820;     /* text on Dune (13.2:1) */

  /* lines */
  --line: rgba(246, 246, 246, 0.08);
  --line-strong: rgba(246, 246, 246, 0.16);

  /* type */
  --font-sans: "Poppins", ui-sans-serif, system-ui, -apple-system, "Segoe UI",
               Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;

  /* layout (mirrors NMM site) */
  --w-container: 1240px;
  --w-narrow: 760px;
  --radius: 8px;

  color-scheme: dark;
}

[data-theme="light"] {
  --bg: #F6F6F6;            /* Frost */
  --bg-raised: #FFFFFF;
  --bg-deep: #EEEEEE;       /* Frost Dark */
  --text: #171820;          /* Ink Dark (16.4:1 on bg) */
  --text-muted: #5a6273;    /* NMM --c-muted (AA on Frost and White) */
  --accent: #CB1542;        /* Berry (5.22:1 on Frost, 5.64:1 on White) */
  --accent-on-raised: #CB1542;
  --accent-strong: #CB1542;
  --warm: #EADDCD;          /* Dune */
  --warm-text: #171820;
  --line: rgba(23, 24, 32, 0.08);
  --line-strong: rgba(23, 24, 32, 0.18);
  color-scheme: light;
}