/* theme.css — NDEVR canonical design tokens. The ONLY place colors/spacing tokens are defined.
   Dark is the default (:root); light is activated by html[data-theme="light"], toggled by the header
   ribbon button / account menu and persisted in localStorage["ndevr.theme"] (see shared/js/theme-boot.js).
   Served at /shared/css/theme.css; loaded by base.css (@import), the WP shared-chrome mu-plugin, and the
   native app shells. PURE TOKENS ONLY — no components, resets or selectors beyond the two blocks below.
   The @ndevr-tokens markers are machine-readable: Site Studio's theme editor rewrites values in place.

   Naming: --nd-* is the canonical namespace. Legacy --ndevr-* names are BRIDGED to these in
   shared/css/base.css (:root) and ndevr-forms.css (.ndevr-forms) — never re-defined elsewhere.
   Rules of use: gold as a FILL → --nd-accent / --nd-accent-deep (with --nd-accent-contrast text);
   gold as TEXT/link/icon → --nd-accent-text (darkened for contrast in light mode). */

/* @ndevr-tokens dark */
:root{
  color-scheme:dark;
  --nd-bg:#14171c;                                /* page background */
  --nd-bg-soft:#181b21;                           /* alternating sections */
  --nd-bg-deep:#0f1216;                           /* footer / deepest wells */
  --nd-surface:#1b1e24;                           /* header, cards, forms background */
  --nd-surface-2:#23272f;                         /* raised card */
  --nd-field:#1b1e24;                             /* inputs */
  --nd-text:#e8eaed;                              /* body text */
  --nd-text-strong:#ffffff;                       /* headings, hover text */
  --nd-text-soft:#c7ccd6;                         /* secondary text */
  --nd-muted:#9aa3b2;                             /* tertiary / labels */
  --nd-line:#2a2f39;                              /* hairline dividers */
  --nd-border:#353b46;                            /* control borders */
  --nd-hover:#222732;                             /* menu/list hover background */
  --nd-accent:#ffb63b;                            /* NDEVR gold (fills, badges, underlines) */
  --nd-accent-deep:#f2a900;                       /* button fills / bevel top */
  --nd-accent-down:#c98a00;                       /* pressed / bevel bottom */
  --nd-accent-contrast:#232323;                   /* text on gold (both modes) */
  --nd-accent-text:#ffb63b;                       /* gold used AS text/link/icon color */
  --nd-error:#ff7a85;
  --nd-ok:#5ee08a;
  --nd-warn:#ffc857;
  --nd-tint-1:rgba(255,255,255,.06);              /* subtle hover tint */
  --nd-tint-2:rgba(255,255,255,.12);              /* active tint */
  --nd-overlay:rgba(8,10,14,.6);                  /* modal backdrop */
  --nd-shadow-1:0 6px 18px rgba(0,0,0,.28);
  --nd-shadow-2:0 18px 48px rgba(0,0,0,.55);
  --nd-focus:0 0 0 3px rgba(255,182,59,.22);      /* focus ring */
  --nd-radius:12px;
  --nd-radius-sm:8px;
  --nd-max:1180px;
  --nd-font:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}
/* @end */

/* @ndevr-tokens light */
html[data-theme="light"]{
  color-scheme:light;
  --nd-bg:#f6f7f9;
  --nd-bg-soft:#eff1f4;
  --nd-bg-deep:#e8ebef;
  --nd-surface:#ffffff;
  --nd-surface-2:#ffffff;
  --nd-field:#f2f4f7;
  --nd-text:#1c2230;
  --nd-text-strong:#10151f;
  --nd-text-soft:#3b4354;
  --nd-muted:#5d6678;
  --nd-line:#e3e6ec;
  --nd-border:#cfd5de;
  --nd-hover:#eef1f5;
  --nd-accent:#ffb63b;
  --nd-accent-deep:#f2a900;
  --nd-accent-down:#c98a00;
  --nd-accent-contrast:#232323;
  --nd-accent-text:#8a5d00;
  --nd-error:#c4303e;
  --nd-ok:#1c8a4c;
  --nd-warn:#a96a00;
  --nd-tint-1:rgba(16,20,28,.05);
  --nd-tint-2:rgba(16,20,28,.10);
  --nd-overlay:rgba(20,24,32,.45);
  --nd-shadow-1:0 6px 18px rgba(22,28,40,.10);
  --nd-shadow-2:0 18px 48px rgba(22,28,40,.16);
  --nd-focus:0 0 0 3px rgba(178,119,0,.25);
}
/* @end */