/* TrekantBrand BAS-tokens — login, app og admin */
:root {
  --primary: #91191A;
  --primary-dark: #6e1214;
  --secondary: #caa14a;
  --bg-color: #F5F5EF;
  --table-header-bg: #d7b777;
  --table-header-text: #111827;
  --table-row-odd-bg: #ffffff;
  --table-row-even-bg: #f8f4eb;
  --table-row-text: #111827;
  --table-link: #caa14a;
  --submenu-text: #ffffff;
  --secondary-text: #ffffff;
  --secondary-border: rgba(255, 255, 255, 0.35);
  --icons-color: #374151;

  --bas-navy: #91191A;
  --bas-navy-2: #6e1214;
  --bas-red: #91191A;
  --bas-red-dark: #6e1214;
  --bas-red-soft: #f4e8e8;
  --bas-surface: #F5F5EF;
  --bas-card: #ffffff;
  --bas-line: rgba(17, 24, 39, 0.12);

  --cd: #2c5f8a;
  --cd-bg: #e4eef6;
  --cd-t: #1a3f5c;
  --cn: #4a3f8f;
  --cn-bg: #eceaf8;
  --cn-t: #322c63;
  --ch: #1d6b56;
  --ch-bg: #e3f2ec;
  --ch-t: #0e4a3a;
  --cr: #a56a14;
  --cr-bg: #f7eedc;
  --cr-t: #5c3c08;
  --cw: #91191A;
  --cw-bg: #f4e8e8;
  --cw-t: #6e1214;
  --cx: #5a7d2e;
  --cx-bg: #e8f0dc;
  --cx-t: #2d430f;
  --gray: #6e7278;
  --gray-bg: #eef0f2;
  --gray-t: #3a3e44;

  --bg: #ffffff;
  --bg2: #F5F5EF;
  --bg3: #ebebe3;
  --text: #111827;
  --text2: #4b5563;
  --text3: #6b7280;
  --border: rgba(17, 24, 39, 0.1);
  --border2: rgba(17, 24, 39, 0.18);
  --radius: 8px;
  --radius-lg: 12px;
  --font: "Segoe UI", system-ui, sans-serif;
  --red: #91191A;
  --red-dark: #6e1214;
  --red-light: #d4a3a4;
  --red-bg: #f4e8e8;
  --shadow: 0 20px 60px rgba(17, 24, 39, 0.12);
  --transition: 0.2s ease;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --bg: #1a1414;
    --bg2: #241b1b;
    --bg3: #2e2222;
    --bg-color: #1a1414;
    --bas-surface: #1a1414;
    --bas-card: #241b1b;
    --text: #f5f5ef;
    --text2: #c4bdb3;
    --text3: #8a8378;
    --border: rgba(255, 255, 255, 0.1);
    --border2: rgba(255, 255, 255, 0.16);
    --shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
  }
}

:root[data-theme="dark"] {
  --bg: #1a1414;
  --bg2: #241b1b;
  --bg3: #2e2222;
  --bg-color: #1a1414;
  --bas-surface: #1a1414;
  --bas-card: #241b1b;
  --text: #f5f5ef;
  --text2: #c4bdb3;
  --text3: #8a8378;
  --border: rgba(255, 255, 255, 0.1);
  --border2: rgba(255, 255, 255, 0.16);
  --shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}

:root[data-theme="light"] {
  --bg: #ffffff;
  --bg2: #F5F5EF;
  --bg3: #ebebe3;
  --bg-color: #F5F5EF;
  --text: #111827;
  --text2: #4b5563;
  --text3: #6b7280;
  --border: rgba(17, 24, 39, 0.1);
  --border2: rgba(17, 24, 39, 0.18);
}