/*
 * GENERATED at build time by PTM.Social.csproj (WriteSystemThemeTokens) from
 * PTM.UX/src/styles/tokens.css. Do not edit: change tokens.css and rebuild.
 * The dark ramp for <html data-theme="system"> (no theme cookie) on a device in dark mode.
 */
@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] {
  --c-accent: #7fb0ff;          /* lighter blue — links/accents readable on dark */
  --c-accent-hover: #9cc4ff;
  --c-accent-active: #b8d6ff;
  --c-accent-ink: #0a1a33;      /* dark ink on a light-blue fill */
  --c-accent-wash: #14253f;     /* dark blue wash — active pill / hover */

  /* V3-5 (round 6 fix batch 2): the primary pill was near-WHITE here (#f0f0f2, "the near-black pill
     inverts"), so Discover's "Search", Contacts' "Add contact" and every other <app-button
     variant="primary"> were the one white thing on a dark page. Dark mode's main buttons are
     blue everywhere else (`.ptm-btn--primary` = --c-accent), so the primary pill is too:
     the accent's light blue with its dark ink (7.2:1). */
  --c-primary: #7fb0ff;
  --c-primary-hover: #9cc4ff;
  --c-primary-ink: #0a1a33;

  --c-surface: #1a1c22;         /* cards / sheets */
  --c-surface-2: #23262e;       /* inset / hover ground */
  --c-bg: #121319;              /* app background (darkest) */
  --c-line: #30343d;            /* hairline borders / dividers */
  --c-line-strong: #3d424d;

  --c-text: #e9eaed;
  --c-text-muted: #a8adb5;
  --c-text-faint: #8b9199;
  --c-icon-faint: #6b7178;

  --c-danger: #e2687a;
  --c-danger-hover: #ec8090;
  --c-danger-wash: #3a1f26;
  --c-success: #5cbd8f;
  --c-success-wash: color-mix(in srgb, var(--c-success) 20%, transparent);
  --c-success-ink: #5cbd8f;     /* = --c-success: 5.1:1 on the dark wash */
  --c-warn: #d9a24a;
  --c-warn-wash: #33280f;

  --c-return-highlight: rgba(127, 176, 255, 0.6);

  --c-focus-ring: #7fb0ff;
  --c-focus-hi: #ffe082;

  --c-scrim: rgba(0, 0, 0, 0.62);

  /* Calendar role coding — dark washes + lighter inks so chips stay legible. */
  --c-cal-organizer: #7fb0ff;
  --c-cal-organizer-ink: #b8d6ff;
  --c-cal-organizer-wash: #14253f;
  --c-cal-going: #5cbd8f;
  --c-cal-going-ink: #9fdcc0;
  --c-cal-going-wash: #16301f;
  --c-cal-personal: #4bb4cf;
  --c-cal-personal-ink: #a7e0ee;
  --c-cal-personal-wash: #10333d;
  --c-cal-interested: #d9a24a;
  --c-cal-interested-ink: #f0cf98;
  --c-cal-interested-wash: #33280f;
  --c-cal-wait: #9aa2ab;
  --c-cal-wait-ink: #c3c9cf;
  --c-cal-wait-wash: #262a31;
  --c-cal-group: #9aa8b8;
  --c-cal-group-ink: #c3ccd6;
  --c-cal-group-wash: #1e2229;

  /* Deeper elevation shadows read better on a dark ground. */
  --shadow-1: 0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-2: 0 12px 40px rgba(0, 0, 0, 0.6);
}
}