/* AI Mentor color palette — layout-neutral overrides. */
:root {
  --color-bg: #f6f3ec;
  --color-surface: #fcfbf8;
  --color-text-primary: #0a1628;
  --color-text-strong: #12233f;
  --color-text-secondary: #5d697c;
  --color-accent: #168c83;
  --color-accent-hover: #0d665f;
  --color-soft: #dce7ec;
  --color-warm-accent: #c98b3c;
  --color-border: #cbd8dd;
  --color-accent-soft: #e4f1ef;

  --bg: var(--color-bg);
  --bg-soft: var(--color-surface);
  --ink: var(--color-text-primary);
  --ink-soft: var(--color-text-secondary);
  --ink-faint: #626f80;
  --button-bg: #0d665f;
  --button-hover: #09544e;
  --on-accent: #ffffff;
  --accent: var(--color-accent);
  --accent-dark: var(--color-accent-hover);
  --accent-light: #5ab7ae;
  --accent-soft: var(--color-accent-soft);
  --accent-border: #b9d6d3;
  --border: var(--color-border);
  --surface-gradient: linear-gradient(135deg, #e4f1ef 0%, #fcfbf8 52%, #dce7ec 100%);
  --surface-gradient-hover: linear-gradient(135deg, #daedea 0%, #fcfbf8 50%, #d3e2e8 100%);
  --header-bg: rgba(246,243,236,.96);
  --inverse-bg: #12233f;
  --on-dark: #fcfbf8;
  --on-dark-muted: #cbd8dd;
  --inverse-accent: #78d1c9;
  --gallery-caption-bg: rgba(10,22,40,.94);
  --lightbox-bg: rgba(5,14,24,.97);
  --surface: var(--color-surface);
  --shadow-md: 0 14px 36px rgba(10, 22, 40, 0.1);
}


html[data-theme="dark"] {
  --color-bg: #081522;
  --color-surface: #102233;
  --color-text-primary: #f4f1e9;
  --color-text-strong: #e7edf2;
  --color-text-secondary: #acb8c6;
  --color-accent: #4ab9af;
  --color-accent-hover: #78d1c9;
  --color-soft: #203747;
  --color-warm-accent: #d4a25f;
  --color-border: #294354;
  --color-accent-soft: #123a3b;

  --bg: var(--color-bg);
  --bg-soft: var(--color-surface);
  --ink: var(--color-text-primary);
  --ink-soft: var(--color-text-secondary);
  --ink-faint: #a4b2c0;
  --button-bg: #4ab9af;
  --button-hover: #78d1c9;
  --on-accent: #071a1d;
  --accent: var(--color-accent);
  --accent-dark: var(--color-accent-hover);
  --accent-light: #78d1c9;
  --accent-soft: var(--color-accent-soft);
  --accent-border: #2c6764;
  --border: var(--color-border);
  --surface-gradient: linear-gradient(135deg, #123a3b 0%, #102233 52%, #203747 100%);
  --surface-gradient-hover: linear-gradient(135deg, #174645 0%, #112738 50%, #254050 100%);
  --header-bg: rgba(8,21,34,.96);
  --inverse-bg: #06111d;
  --surface: var(--color-surface);
  --shadow-md: 0 14px 36px rgba(0, 0, 0, 0.28);
}
/* Shared controls used by the landing and the CV. */
body{background:var(--bg)}
::selection{background:var(--accent-soft);color:var(--accent-dark)}
.site-header,html[data-theme="dark"] .site-header{background:var(--header-bg)}
.site-header.scrolled{box-shadow:0 1px 0 var(--border)}
.mobile-nav,html[data-theme="dark"] .mobile-nav{background:var(--bg-soft)}
.btn-primary{background:var(--button-bg);color:var(--on-accent);box-shadow:none}
.btn-primary:hover{background:var(--button-hover);color:var(--on-accent);box-shadow:none}
.mobile-nav .btn-primary{color:var(--on-accent)}
.header-cta{white-space:nowrap}
.btn-outline:hover{background:var(--accent-soft)}