/* VersaLingua identity. Brand colors are sampled from the approved, unmodified logo.
   Foregrounds adapt independently of the fixed brand and inverse surfaces. */
:root {
  color-scheme: light;
  --brand: #365b6d;
  --brand-hover: #284858;
  --ink-deep: #203e4c;
  --accent: #c59c5c;
  --accent-hover: #d4b17b;
  --accent-ink: #203744;
  --gold-text: #78591f;
  --gold-wash: #f3eadb;
  --ink: #2b4c5d;
  --paper: #f8f7f3;
  --surface: #ffffff;
  --wash: #eeefeb;
  --line: #d4dcde;
  --control-line: #81949d;
  --text: #293e48;
  --muted: #586b75;
  --teal: #365b6d;
  --teal-wash: #e6eef0;
  --success: #26604e;
  --success-wash: #e5f0e9;
  --coral: var(--accent);
  --coral-wash: var(--gold-wash);
  --amber: #78591f;
  --amber-wash: #f6eddc;
  --danger: #a13c38;
  --danger-wash: #faeae7;
  --inverse-text: #f7fafb;
  --inverse-muted: #d0dfe4;
  --inverse-line: #6c8b9a;
  --inverse-hover: #284b5b;
  --inverse-accent: #f0d1a0;
  --art-paper: #f4eee2;
  --art-wash: #e4ecec;
  --art-ink: #365b6d;
  --art-muted: #586b75;
  --art-line: #a2b4b9;
  --logo-backing: #fbfaf6;
  --overlay: #142d3bb3;
  --font-en: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --font-display: Georgia, "Times New Roman", serif;
  --font-ar: Tahoma, "Segoe UI", Arial, sans-serif;
  --radius-sm: 6px;
  --radius: 12px;
  --radius-lg: 22px;
  --space: 8px;
  --shadow: 0 16px 55px #203e4c0c;
  --shadow-raised: 0 24px 85px #203e4c26;
  --shadow-button: 0 7px 18px #203e4c1a;
  --max-width: 1280px;
  --logo-size: 88px;
}

/* Dark is the default, including without JavaScript. Only an explicit light
   preference uses the light foreground/surface values declared above. */
:root:not([data-theme="light"]) {
  color-scheme: dark;
  --ink: #e1edf1;
  --paper: #132730;
  --surface: #1d3540;
  --wash: #263e48;
  --line: #3d5662;
  --control-line: #78939e;
  --text: #dce7eb;
  --muted: #b3c6ce;
  --teal: #a5cad8;
  --teal-wash: #294955;
  --gold-text: #e1bb7e;
  --gold-wash: #3c372d;
  --success: #9ed9b8;
  --success-wash: #223f36;
  --amber: #e6c184;
  --amber-wash: #40382a;
  --danger: #ffb4a9;
  --danger-wash: #492f31;
  --art-paper: #29434e;
  --art-wash: #304d59;
  --art-ink: #dfebef;
  --art-muted: #b5cbd4;
  --art-line: #6d8e9c;
  --shadow: 0 16px 55px #00000026;
  --shadow-raised: 0 24px 85px #00000066;
  --shadow-button: 0 7px 18px #00000033;
}