/* Netcalibre colour tokens.
   Values lifted verbatim from netcalibre-site :root and the Brand Kit v1.1.
   Dark ("Ink") theme is the default; light theme scopes under [data-theme="light"]. */

:root {
  /* Core palette */
  --ink-navy: #070B16;        /* backgrounds */
  --panel-navy: #0B1220;      /* cards, panels */
  --signal-pink: #F03D9C;     /* CTAs, emphasis — never large fills */
  --signal-white: #EDF0F8;    /* headings on dark */

  /* Supporting tones */
  --pink-hover: #FF54AD;      /* hover only */
  --pink-label: #F778BE;      /* mono labels on dark */
  --grey-300: #C7CEDC;        /* secondary text on dark */
  --grey-500: #98A2B8;        /* body on dark */

  /* Site theme variables (used verbatim by the website UI kit) */
  --bg: #070B16;
  --panel: #0B1220;
  --text: #EDF0F8;
  --muted: #98A2B8;
  --body: #C7CEDC;
  --dim: #6E7891;
  --accent: #F03D9C;
  --accent-2: #F778BE;
  --accent-3: #FF54AD;
  --ok: #34D399;
  --err: #F87171;
  --line-rgb: 151, 161, 184;  /* @kind color */ /* hairlines: rgba(var(--line-rgb), .16) */
  --chrome-rgb: 7, 11, 22;    /* @kind color */ /* nav/modal chrome: rgba(var(--chrome-rgb), .85) */

  /* Semantic aliases */
  --surface-page: var(--bg);
  --surface-card: var(--panel);
  --text-heading: var(--text);
  --text-body: var(--muted);
  --text-secondary: var(--body);
  --text-footnote: var(--dim);
  --hairline: rgba(var(--line-rgb), .16);
  --hairline-strong: rgba(var(--line-rgb), .3);
  --hairline-hover: rgba(var(--line-rgb), .6);

  /* Light-surface palette — email, documents, print */
  --paper: #FCFCFE;
  --paper-tint: #F1F3F8;
  --slate: #4E586E;           /* body on light */
  --paper-hairline: #E3E6EF;  /* borders on light */
  --email-text: #3A4358;
  --email-footnote: #9AA1B5;
  --ink-on-light: #10182B;    /* headings on light */
}

:root[data-theme="light"] {
  --bg: #F5F6FA;
  --panel: #FFFFFF;
  --text: #10182B;
  --muted: #5B6577;
  --body: #39445C;
  --dim: #828B9E;
  --accent-2: #C81E7B;
  --accent-3: #D6297F;
  --ok: #0B9E6E;
  --err: #DC2626;
  --line-rgb: 15, 23, 42;      /* @kind color */
  --chrome-rgb: 245, 246, 250; /* @kind color */
}