/* alfayez.cc / Homepage: shared semantic theme tokens.
   Same contract as Audit, with the original forest-green public-site identity.
   Keep these values local so the home and privacy pages always match offline. */
:root {
  --bg-base: #f7f9f6;
  --bg-surface: #ffffff;
  --bg-elevated: #f0f5f1;
  --bg-hover: #eaf3ef;
  --bg-inset: #f7f9f6;
  --border: #dbe5de;
  --border-strong: #b9cbc0;
  --text-primary: #183c32;
  --text-secondary: #52655d;
  --text-muted: #52655d;
  --primary: #087566;
  --primary-hover: #075d51;
  --primary-subtle: #08756615;
  --primary-border: #08756666;
  --on-primary: #ffffff;
  --accent: #b7d58b;
  --success: #087566;
  --success-subtle: #08756615;
  --warning: #9a5300;
  --warning-bg: #fff8e9;
  --warning-subtle: #9a53001a;
  --danger: #b42318;
  --danger-bg: #fef3f2;
  --danger-subtle: #b423181a;
  --info: #205ba5;
  --info-subtle: #205ba51a;
  color-scheme: light;
}
html[data-theme="dark"] {
  --bg-base: #101d19;
  --bg-surface: #172923;
  --bg-elevated: #1c322a;
  --bg-hover: #20382f;
  --bg-inset: #12241c;
  --border: #304b40;
  --border-strong: #46695b;
  --text-primary: #edf4ee;
  --text-secondary: #b8c9bf;
  --text-muted: #b8c9bf;
  --primary: #70d4b5;
  --primary-hover: #96e1c9;
  --primary-subtle: #70d4b518;
  --primary-border: #70d4b566;
  --on-primary: #112b21;
  --accent: #b7d58b;
  --success: #83dfb8;
  --success-subtle: #83dfb81a;
  --warning: #ffca7d;
  --warning-bg: #342819;
  --warning-subtle: #ffca7d1a;
  --danger: #ffaaa3;
  --danger-bg: #3a1717;
  --danger-subtle: #ffaaa31a;
  --info: #9abfff;
  --info-subtle: #9abfff1a;
  color-scheme: dark;
}

/* Do not spend ink on night-mode surfaces when printing either public page. */
@media print {
  :root, html[data-theme="light"], html[data-theme="dark"] {
    --bg-base: #ffffff;
    --bg-surface: #ffffff;
    --bg-elevated: #f6f7f6;
    --bg-hover: #f2f4f2;
    --bg-inset: #ffffff;
    --border: #b5c0b9;
    --border-strong: #8c9b90;
    --text-primary: #000000;
    --text-secondary: #333333;
    --text-muted: #404040;
    --primary: #075d51;
    --primary-hover: #075d51;
    --on-primary: #ffffff;
    color-scheme: light !important;
  }
}