/* Model Massiel — Shared Theme Tokens
   Edit this ONE file to change colors/backgrounds across index + impressum.
*/
:root{
  --font-body: "Manrope", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Bodoni Moda", Georgia, "Times New Roman", serif;
  --max: 1160px;
  --pad: 18px;
  --r: 14px;
  --h1: clamp(44px, 7vw, 92px);
  --shadow: 0 28px 90px rgba(0,0,0,.45);
  --shadow-brand: 0 18px 55px rgba(0,0,0,.45);
  --shadow-card: 0 16px 50px rgba(0,0,0,.28);
  --brand-size: clamp(28px, 6vw, 92px);
  --brand-logo-scale: .92;
  --car-0: #fa9961;
  --car-1: #fbcba9;
  --car-2: #f7e3ca;
  --car-hi: radial-gradient(900px 600px at 18% 8%, rgba(255, 210, 120, .22) 0%, rgba(0,0,0,0) 60%),
  radial-gradient(650px 420px at 80% 20%, rgba(255, 255, 255, .07) 0%, rgba(0,0,0,0) 62%);
  --bg: var(--car-hi),
  linear-gradient(135deg, var(--car-0) 0%, var(--car-1) 75%, var(--car-2) 100%);
  --header-bg: var(--car-hi),
  linear-gradient(135deg, var(--car-2) 0%, var(--car-1) 25%, var(--car-0) 100%);
  --accent: #2b170e;
  --accent-border: rgba(43,23,14,.35);
  --accent-bg: rgba(43,23,14,.08);
  --on-accent: #f7e6cf;
  --header-bg-fallback: rgba(10,10,14,.72);
  --fg: rgba(34, 22, 14, .92);
  --muted: rgba(34, 22, 14, .64);
  --text-body: rgba(34, 22, 14, .78);
  --text-contact: rgba(255,255,255,.72);
  --text-status: rgba(255,255,255,.70);
  --text-subtle: rgba(34, 22, 14, .56);
  --text-label: rgba(34, 22, 14, .60);
  --text-weak: rgba(34, 22, 14, .42);
  --text-sep: rgba(34, 22, 14, .22);
  --text-placeholder: rgba(34, 22, 14, .40);
  --line: rgba(34, 22, 14, .14);
  --line-strong: rgba(34, 22, 14, .20);
  --line-input: rgba(34, 22, 14, .16);
  --panel: rgba(255,255,255,.22);
  --surface-1: rgba(255,255,255,.22);
  --surface-2: rgba(255,255,255,.30);
  --surface-3: rgba(255,255,255,.16);
  --surface-dark-25: rgba(0,0,0,.25);
  --surface-dark-35: rgba(0,0,0,.35);
  --accent-border-mid: rgba(43,23,14,.48);
  --accent-border-strong: rgba(43,23,14,.65);
  --accent-bg-strong: rgba(43,23,14,.14);
  --accent-bg-hover: rgba(43,23,14,.20);
  --accent-focus: rgba(43,23,14,.12);
  --accent-underline: rgba(43,23,14,.55);
  --wm-image: url("logo/l_m01.png");
  --wm-size-desktop: clamp(180px, 50vmin, 400px) auto;
  --wm-size-mobile: clamp(180px, 18vmin, 260px) auto;
  --wm-size: var(--wm-size-desktop);
  --wm-opacity-desktop: .035;
  --wm-opacity-mobile: .028;
  --wm-opacity: var(--wm-opacity-desktop);
  --wm-filter: grayscale(1) contrast(1.06);
  --wm-header-opacity: .07;
  --wm-header-filter: grayscale(1) contrast(1.02) brightness(.85);
  --lb-overlay: rgba(0,0,0,.86);
  --lb-bg: rgba(255,255,255,.98);
  --lb-media-bg: #fff;
  --lb-top-bg: rgba(255,255,255,.96);
  --lb-line: rgba(0,0,0,.10);
  --lb-text: rgba(0,0,0,.85);
  --lb-text-muted: rgba(0,0,0,.60);
  --lb-btn-border: rgba(0,0,0,.12);
  --lb-btn-border-hover: rgba(0,0,0,.22);
  --lb-nav-border: rgba(0,0,0,.18);
  --lb-nav-bg: rgba(255,255,255,.92);
  --lb-nav-bg-hover: rgba(255,255,255,1);
  --lb-nav-icon: rgba(0,0,0,.78);
  --status-ok: rgba(34, 22, 14, .92);
  --status-err: rgba(255,140,140,.92);
  --active-bg: rgba(247,230,207,.42);
  --active-bg-hover: rgba(247,230,207,.52);
  --active-fg: var(--accent);
  --active-border: var(--accent-border-mid);
}