/* Pazmix Carbon 1.3 — semantic Day/Night appearances.
   Default follows the browser or operating-system appearance. */
:root {
  /* invariant brand colors */
  --carbon-canvas: #0B0B0B;
  --carbon-surface: #151515;
  --carbon-elevated: #1E1E1E;
  --carbon-hover: #262626;
  --carbon-divider: #30302E;
  --chalk: #FAF7F2;
  --chalk-muted: #AAA79F;
  --citron: #DFFF00;
  --citron-pressed: #C9E600;
  --citron-foreground: #0B0B0B;
  --danger: #CC2D3D;
  --danger-foreground: var(--chalk);
  /* light-ground brand artwork */
  --mark-chalk-on-light: #30302E;
  --mark-citron-on-light: #8A9E00;

  /* Night semantic aliases */
  --surface-page: var(--carbon-canvas);
  --surface-card: var(--carbon-surface);
  --surface-raised: var(--carbon-elevated);
  --surface-hover: var(--carbon-hover);
  --surface-media: var(--carbon-elevated);
  --surface-media-fit: var(--surface-page);
  --surface-media-control: rgb(11 11 11 / 86%);
  --surface-media-control-muted: rgb(250 247 242 / 58%);
  --border-default: var(--carbon-divider);
  --border-strong: var(--chalk);
  --text-body: var(--chalk);
  --text-secondary: var(--chalk-muted);
  --text-tertiary: rgb(170 167 159 / 72%);
  --text-on-media: var(--chalk);
  --text-on-media-muted: var(--chalk-muted);
  --accent: var(--citron);
  --accent-ink: var(--citron);
  --accent-border: var(--citron);
  --accent-on-media: var(--citron);
  --accent-fg: var(--citron-foreground);
  --accent-pressed: var(--citron-pressed);
  --ready-peer: var(--chalk);
  --status-danger: var(--danger);
  --status-danger-fg: var(--danger-foreground);
  --status-danger-soft: rgb(204 45 61 / 14%);
  --focus-ring: var(--chalk);
  --icon-filter: invert(1);
}

@media (prefers-color-scheme: light) {
  :root {
    --surface-page: #FAF7F2;
    --surface-card: #F1EDE5;
    --surface-media: var(--surface-card);
    --surface-raised: #FFFFFF;
    --surface-hover: #E7E2D9;
    --border-default: #D2CCC2;
    --border-strong: var(--mark-chalk-on-light);
    --text-body: var(--mark-chalk-on-light);
    --text-secondary: #5F5B55;
    --text-tertiary: #706C64;
    --accent: var(--mark-citron-on-light);
    --accent-ink: #596600;
    --accent-border: #657500;
    --accent-pressed: #7C8E00;
    --ready-peer: var(--mark-chalk-on-light);
    --focus-ring: var(--mark-chalk-on-light);
    --icon-filter: none;
  }
}

/* Explicit appearance choice. iOS Settings and the public Web site may pick
   Day or Night; an explicit choice on :root overrides the system appearance. */
:root[data-pz-appearance="night"] {
  color-scheme: dark;
  --surface-media: var(--carbon-elevated);
  --surface-page: var(--carbon-canvas);
  --surface-card: var(--carbon-surface);
  --surface-raised: var(--carbon-elevated);
  --surface-hover: var(--carbon-hover);
  --border-default: var(--carbon-divider);
  --border-strong: var(--chalk);
  --text-body: var(--chalk);
  --text-secondary: var(--chalk-muted);
  --text-tertiary: rgb(170 167 159 / 72%);
  --accent: var(--citron);
  --accent-ink: var(--citron);
  --accent-border: var(--citron);
  --accent-pressed: var(--citron-pressed);
  --ready-peer: var(--chalk);
  --focus-ring: var(--chalk);
  --icon-filter: invert(1);
}

:root[data-pz-appearance="day"] {
  color-scheme: light;
  --surface-media: var(--surface-card);
  --surface-page: #FAF7F2;
  --surface-card: #F1EDE5;
  --surface-raised: #FFFFFF;
  --surface-hover: #E7E2D9;
  --border-default: #D2CCC2;
  --border-strong: var(--mark-chalk-on-light);
  --text-body: var(--mark-chalk-on-light);
  --text-secondary: #5F5B55;
  --text-tertiary: #706C64;
  --accent: var(--mark-citron-on-light);
  --accent-ink: #596600;
  --accent-border: #657500;
  --accent-pressed: #7C8E00;
  --ready-peer: var(--mark-chalk-on-light);
  --focus-ring: var(--mark-chalk-on-light);
  --icon-filter: none;
}

@media (prefers-contrast: more) {
  :root,
  :root[data-pz-appearance="day"],
  :root[data-pz-appearance="night"] {
    --border-default: var(--border-strong);
    --text-secondary: var(--text-body);
  }
}