/*
 * ParCor design tokens — the single definition.
 *
 * Extracted from apps/web/index.html on 10 Sep 2026 (D005), values unchanged. The
 * marketing page links this file and the admin login view imports it, so the two cannot
 * drift: there is one declaration of each token, not two copies that agree today.
 *
 * The login view is reached from parcor.io's header by anyone who clicks "Sign in",
 * including an investor. It is public-facing whether or not it is behind a password, and
 * a login screen that does not look like the site it came from reads as a different
 * company.
 *
 * Do not add a token here that only one surface uses, and do not redefine one downstream.
 * packages/tokens/src/index.ts parses this file and the tests assert both rules.
 */
:root {
  --paper: #F4F6F5;
  --paper-2: #EAEEEC;
  --rule: #CBD5D1;
  --rule-soft: #DDE4E1;
  --ink: #101F1E;
  --ink-2: #3A4A47;
  --ink-3: #65756F;
  --petrol: #0E4A45;
  --patina: #4E8C82;
  --amber: #A8761C;
  --crimson: #8C2F2A;
  --panel: #0C1817;
  --panel-2: #132523;
  --panel-rule: #27403C;
  --panel-ink: #DCE6E3;
  --panel-ink-2: #8FA6A1;
  --measure: 34rem;
  --f-display: "Newsreader", Georgia, "Times New Roman", serif;
  --f-body: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --f-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/*
 * Dark. Both selectors are kept exactly as the marketing page had them: the media query
 * handles a system preference, the attribute handles an explicit choice, and dropping
 * either would change behaviour on one surface and not the other.
 */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --paper: #0A1211;
    --paper-2: #101C1A;
    --rule: #294240;
    --rule-soft: #1C302D;
    --ink: #E6EDEA;
    --ink-2: #A9BCB7;
    --ink-3: #7B908B;
    --petrol: #7FBDB2;
    --patina: #5E9C91;
    --amber: #D2A24E;
    --crimson: #D2736C;
    --panel: #060D0C;
    --panel-2: #0E1A18;
    --panel-rule: #223835;
    --panel-ink: #E6EDEA;
    --panel-ink-2: #8FA6A1;
  }
}

:root[data-theme="dark"] {
  --paper: #0A1211;
  --paper-2: #101C1A;
  --rule: #294240;
  --rule-soft: #1C302D;
  --ink: #E6EDEA;
  --ink-2: #A9BCB7;
  --ink-3: #7B908B;
  --petrol: #7FBDB2;
  --patina: #5E9C91;
  --amber: #D2A24E;
  --crimson: #D2736C;
  --panel: #060D0C;
  --panel-2: #0E1A18;
  --panel-rule: #223835;
  --panel-ink: #E6EDEA;
  --panel-ink-2: #8FA6A1;
}