:root {
  /* Brand */
  --brand-primary: #d62828;
  --brand-primary-strong: #b81f26;
  --brand-accent: #f4c542;
  --brand-accent-strong: #d9a51e;
  --brand-muted: #ffe9ed;

  /* Navigation */
  --nav-bg: #ffffff;
  --nav-border: #d8deeb;
  --nav-text: #0f172a;
  --nav-text-muted: #4b5568;
  --navbar-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230f172a' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");

  /* Neutrals */
  --bg-default: #f4f6fb;
  --bg-surface: #ffffff;
  --bg-subtle: #eef2f8;
  --text-main: #0f172a;
  --text-muted: #4b5568;
  --border-color: #d8deeb;

  /* States */
  --success: #2f9e44;
  --warning: #d97706;
  --danger: #d62828;
  --info: #0f6fa6;

  /* Elevation & shape */
  --shadow-soft: 0 12px 32px rgba(15, 23, 42, 0.08);
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --transition: 0.25s ease;

  /* Typography */
  --font-base: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --font-display: "Inter", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Media */
  --hero-image: url("../img/header.jpg");
  
  /* Bootstrap */
  --bs-secondary-color: var(--text-muted);
  --modal-close-filter: none;
}

:root[data-theme="dark"] {
  --bg-default: #0b1220;
  --bg-surface: #0f172a;
  --bg-subtle: #162338;
  --text-main: #e8edf5;
  --text-muted: #c3ccdd;
  --border-color: #23314a;
  --brand-muted: rgba(214, 40, 40, 0.2);
  --nav-bg: #0f172a;
  --nav-border: #1f2a40;
  --nav-text: #e8edf5;
  --nav-text-muted: #c3ccdd;
  --navbar-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23e8edf5' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.45);
  --bs-accordion-color: var(--text-main);
  --bs-secondary-color: var(--text-muted) !important;
  --modal-close-filter: invert(1) grayscale(100%) brightness(200%);
}