/* ============================================== */
/* Theme: Echt – echtbibel.at Farbschema          */
/* brand #504F1F, accent #B5B67A, surface #FCF6ED */
/* earth #44300B, cta #EE7F2A                     */
/* ============================================== */

:root[data-theme="theme-echt"],
[data-theme="theme-echt"] {

  /* FONT */
  --font-sans: 'Montserrat', sans-serif;

  /* GLOBAL SURFACES + TEXT */
  --background: #fcf6ed;
  --background-1: #fcf6ed;
  --background-2: #f7efe0;
  --background-plain: #fcf6ed;
  --foreground: #44300b;
  --foreground-inverse: #fcf6ed;
  --inverse: #44300b;

  /* BORDERS */
  --border: #e8dfc8;
  --border-line-inverse: #fcf6ed;
  --border-line-1: #f7efe0;
  --border-line-2: #e8dfc8;
  --border-line-3: #d4c9a8;
  --border-line-4: #b5a882;
  --border-line-5: #8e8060;
  --border-line-6: #6b5e42;
  --border-line-7: #5c4210;
  --border-line-8: #44300b;

  /* PRIMARY RAMP – Oliv */
  --primary-50:  #fafaf2;
  --primary-100: #f0f0d9;
  --primary-200: #ddddb3;
  --primary-300: #cacb9a;
  --primary-400: #b5b67a;
  --primary-500: #8e8f5a;
  --primary-600: #6b6a2a;
  --primary-700: #504f1f;
  --primary-800: #3a3a16;
  --primary-900: #2a2a10;
  --primary-950: #1a1a0a;

  /* PRIMARY STATES */
  --primary: #504f1f;
  --primary-line: #cacb9a;
  --primary-foreground: #ffffff;
  --primary-hover: #3a3a16;
  --primary-focus: #3a3a16;
  --primary-active: #3a3a16;
  --primary-checked: #504f1f;

  /* SECONDARY */
  --secondary: #44300b;
  --secondary-line: transparent;
  --secondary-foreground: #ffffff;
  --secondary-hover: #5c4210;
  --secondary-focus: #5c4210;
  --secondary-active: #5c4210;

  /* LAYER – Cards/Kacheln olivbeige */
  --layer: #ece7d2;
  --layer-line: #ddd6bc;
  --layer-foreground: #44300b;
  --layer-hover: #f3efe0;
  --layer-focus: #f3efe0;
  --layer-active: #f3efe0;

  /* SURFACE */
  --surface: #ddddb3;
  --surface-1: #cacb9a;
  --surface-2: #b5b67a;
  --surface-3: #8e8f5a;
  --surface-4: #6b6a2a;
  --surface-5: #504f1f;
  --surface-line: #b5b67a;
  --surface-foreground: #44300b;
  --surface-hover: #cacb9a;
  --surface-focus: #cacb9a;
  --surface-active: #cacb9a;

  /* MUTED */
  --muted: #f7efe0;
  --muted-foreground: #b5a882;
  --muted-foreground-1: #8e8060;
  --muted-foreground-2: #6b5e42;
  --muted-hover: #e8dfc8;
  --muted-focus: #e8dfc8;
  --muted-active: #e8dfc8;

  /* DESTRUCTIVE */
  --destructive: var(--color-red-500);
  --destructive-foreground: #ffffff;
  --destructive-hover: var(--color-red-600);
  --destructive-focus: var(--color-red-600);

  /* NAVBAR */
  --navbar: #fcf6ed;
  --navbar-line: #e8dfc8;
  --navbar-divider: #e8dfc8;
  --navbar-nav-foreground: #44300b;
  --navbar-nav-hover: #f7efe0;
  --navbar-nav-focus: #f7efe0;
  --navbar-nav-active: #f7efe0;
  --navbar-nav-list-divider: #e8dfc8;
  --navbar-inverse: #1a1a0a;
  --navbar-1: #fcf6ed;
  --navbar-1-line: #e8dfc8;
  --navbar-1-divider: #e8dfc8;
  --navbar-1-nav-foreground: #44300b;
  --navbar-1-nav-hover: #e8dfc8;
  --navbar-1-nav-focus: #e8dfc8;
  --navbar-1-nav-active: #e8dfc8;
  --navbar-1-nav-list-divider: #e8dfc8;
  --navbar-2: #f7efe0;
  --navbar-2-line: transparent;
  --navbar-2-divider: #d4c9a8;
  --navbar-2-nav-foreground: #44300b;
  --navbar-2-nav-hover: #e8dfc8;
  --navbar-2-nav-focus: #e8dfc8;
  --navbar-2-nav-active: #e8dfc8;
  --navbar-2-nav-list-divider: #e8dfc8;

  /* SIDEBAR */
  --sidebar: #fcf6ed;
  --sidebar-line: #e8dfc8;
  --sidebar-divider: #e8dfc8;
  --sidebar-nav-foreground: #44300b;
  --sidebar-nav-hover: #f7efe0;
  --sidebar-nav-focus: #f7efe0;
  --sidebar-nav-active: #f7efe0;
  --sidebar-nav-list-divider: #e8dfc8;
  --sidebar-inverse: #1a1a0a;
  --sidebar-1: #fcf6ed;
  --sidebar-1-line: #e8dfc8;
  --sidebar-1-divider: #e8dfc8;
  --sidebar-1-nav-foreground: #44300b;
  --sidebar-1-nav-hover: #e8dfc8;
  --sidebar-1-nav-focus: #e8dfc8;
  --sidebar-1-nav-active: #e8dfc8;
  --sidebar-1-nav-list-divider: #e8dfc8;
  --sidebar-2: #f7efe0;
  --sidebar-2-line: transparent;
  --sidebar-2-divider: #e8dfc8;
  --sidebar-2-nav-foreground: #44300b;
  --sidebar-2-nav-hover: #e8dfc8;
  --sidebar-2-nav-focus: #e8dfc8;
  --sidebar-2-nav-active: #e8dfc8;
  --sidebar-2-nav-list-divider: #e8dfc8;

  /* CARD – olivbeige */
  --card: #ece7d2;
  --card-line: #ddd6bc;
  --card-divider: #ddd6bc;
  --card-header: #ddd6bc;
  --card-footer: #ddd6bc;
  --card-inverse: #1a1a0a;

  /* DROPDOWN */
  --dropdown: #fcf6ed;
  --dropdown-1: #fcf6ed;
  --dropdown-line: transparent;
  --dropdown-divider: #e8dfc8;
  --dropdown-header: #e8dfc8;
  --dropdown-footer: #e8dfc8;
  --dropdown-item-foreground: #44300b;
  --dropdown-item-hover: #f7efe0;
  --dropdown-item-focus: #f7efe0;
  --dropdown-item-active: #f7efe0;
  --dropdown-inverse: #2a1e06;

  /* SELECT */
  --select: #fcf6ed;
  --select-1: #fcf6ed;
  --select-line: transparent;
  --select-item-foreground: #44300b;
  --select-item-hover: #f7efe0;
  --select-item-focus: #f7efe0;
  --select-item-active: #f7efe0;
  --select-inverse: #2a1e06;

  /* OVERLAY */
  --overlay: #fcf6ed;
  --overlay-line: transparent;
  --overlay-divider: #e8dfc8;
  --overlay-header: #e8dfc8;
  --overlay-footer: #e8dfc8;
  --overlay-inverse: #2a1e06;
  --overlay-backdrop: rgba(68,48,11,0.4);

  /* POPOVER */
  --popover: #fcf6ed;
  --popover-line: #f7efe0;

  /* TOOLTIP */
  --tooltip: #44300b;
  --tooltip-foreground: #fcf6ed;
  --tooltip-line: transparent;

  /* TABLE */
  --table-line: #b5b67a;

  /* SWITCH */
  --switch: #ffffff;

  /* FOOTER */
  --footer: #fcf6ed;
  --footer-line: #e8dfc8;
  --footer-inverse: #2a1e06;

  /* SCROLLBAR */
  --scrollbar-track: #f7efe0;
  --scrollbar-thumb: #d4c9a8;
  --scrollbar-track-inverse: transparent;
  --scrollbar-thumb-inverse: #fcf6ed;

  /* CHARTS */
  --chart-colors-background-inverse: #2a1e06;
  --chart-colors-foreground: #5c4210;
  --chart-primary: #8e8f5a;
  --chart-colors-primary: #8e8f5a;
  --chart-colors-primary-inverse: #cacb9a;
  --chart-colors-primary-hex: #8e8f5a;
  --chart-colors-primary-hex-inverse: #cacb9a;
  --chart-1: #8e8f5a;
  --chart-colors-chart-1: #8e8f5a;
  --chart-colors-chart-1-inverse: #cacb9a;
  --chart-colors-chart-1-hex: #8e8f5a;
  --chart-colors-chart-1-hex-inverse: #cacb9a;
  --chart-2: #ee7f2a;
  --chart-colors-chart-2: #ee7f2a;
  --chart-colors-chart-2-inverse: #f29b56;
  --chart-colors-chart-2-hex: #ee7f2a;
  --chart-colors-chart-2-hex-inverse: #f29b56;
  --chart-3: #8e8060;
  --chart-colors-chart-3: #8e8060;
  --chart-colors-chart-3-inverse: #d4c9a8;
  --chart-colors-chart-3-hex: #8e8060;
  --chart-colors-chart-3-hex-inverse: #d4c9a8;
  --chart-4: #504f1f;
  --chart-colors-chart-4: #504f1f;
  --chart-colors-chart-4-inverse: #b5b67a;
  --chart-colors-chart-4-hex: #504f1f;
  --chart-colors-chart-4-hex-inverse: #b5b67a;
  --chart-5: #c4621a;
  --chart-colors-chart-5: #c4621a;
  --chart-colors-chart-5-inverse: #ee7f2a;
  --chart-colors-chart-5-hex: #c4621a;
  --chart-colors-chart-5-hex-inverse: #ee7f2a;
  --chart-6: #6b5e42;
  --chart-colors-chart-6: #6b5e42;
  --chart-colors-chart-6-inverse: #b5a882;
  --chart-colors-chart-6-hex: #6b5e42;
  --chart-colors-chart-6-hex-inverse: #b5a882;
  --chart-7: #b5b67a;
  --chart-colors-chart-7: #b5b67a;
  --chart-colors-chart-7-inverse: #ddddb3;
  --chart-colors-chart-7-hex: #b5b67a;
  --chart-colors-chart-7-hex-inverse: #ddddb3;
  --chart-8: #c2d6e9;
  --chart-colors-chart-8: #c2d6e9;
  --chart-colors-chart-8-inverse: #91b4d2;
  --chart-colors-chart-8-hex: #c2d6e9;
  --chart-colors-chart-8-hex-inverse: #91b4d2;
  --chart-9: #6b6a2a;
  --chart-colors-chart-9: #6b6a2a;
  --chart-colors-chart-9-inverse: #cacb9a;
  --chart-colors-chart-9-hex: #6b6a2a;
  --chart-colors-chart-9-hex-inverse: #cacb9a;
  --chart-10: #5c4210;
  --chart-colors-chart-10: #5c4210;
  --chart-colors-chart-10-inverse: #b5a882;
  --chart-colors-chart-10-hex: #5c4210;
  --chart-colors-chart-10-hex-inverse: #b5a882;
  --chart-colors-candlestick-upward: var(--color-green-500);
  --chart-colors-candlestick-upward-inverse: var(--color-green-400);
  --chart-colors-candlestick-downward: var(--color-red-500);
  --chart-colors-candlestick-downward-inverse: var(--color-red-400);
  --chart-colors-labels: #8e8060;
  --chart-colors-labels-inverse: #b5a882;
  --chart-colors-xaxis-labels: #8e8060;
  --chart-colors-xaxis-labels-inverse: #b5a882;
  --chart-colors-yaxis-labels: #8e8060;
  --chart-colors-yaxis-labels-inverse: #b5a882;
  --chart-colors-grid-border: #e8dfc8;
  --chart-colors-grid-border-inverse: #5c4210;
  --chart-colors-bar-ranges: #e8dfc8;
  --chart-colors-bar-ranges-inverse: #5c4210;

  /* MAPS */
  --map-colors-primary: #8e8f5a;
  --map-colors-primary-inverse: #b5b67a;
  --map-colors-default: #e8dfc8;
  --map-colors-default-inverse: #5c4210;
  --map-colors-highlight: #cacb9a;
  --map-colors-highlight-inverse: #8e8f5a;
  --map-colors-border: #d4c9a8;
  --map-colors-border-inverse: #6b5e42;
}

/* ============================================== */
/* DARK MODE                                      */
/* ============================================== */

[data-theme="theme-echt"].dark {

  --background: #2a1e06;
  --background-1: #2a1e06;
  --background-2: #44300b;
  --background-plain: #2a1e06;
  --foreground: #e8dfc8;
  --foreground-inverse: #2a1e06;
  --inverse: #1a1408;

  --border: #5c4210;
  --border-line-inverse: #e8dfc8;
  --border-line-1: #44300b;
  --border-line-2: #5c4210;
  --border-line-3: #6b5e42;
  --border-line-4: #8e8060;
  --border-line-5: #b5a882;
  --border-line-6: #d4c9a8;
  --border-line-7: #e8dfc8;
  --border-line-8: #f7efe0;

  --primary: #b5b67a;
  --primary-foreground: #1a1a0a;
  --primary-hover: #cacb9a;
  --primary-focus: #cacb9a;
  --primary-active: #cacb9a;
  --primary-checked: #b5b67a;

  --secondary: #ffffff;
  --secondary-foreground: #44300b;
  --secondary-hover: #f7efe0;
  --secondary-focus: #f7efe0;
  --secondary-active: #f7efe0;

  --layer: #44300b;
  --layer-line: #5c4210;
  --layer-foreground: #fcf6ed;
  --layer-hover: #5c4210;
  --layer-focus: #5c4210;
  --layer-active: #5c4210;

  --surface: #5c4210;
  --surface-1: #6b5e42;
  --surface-2: #8e8060;
  --surface-3: #6b5e42;
  --surface-4: #8e8060;
  --surface-5: #b5a882;
  --surface-foreground: #e8dfc8;
  --surface-hover: #6b5e42;
  --surface-focus: #6b5e42;
  --surface-active: #6b5e42;

  --muted: #44300b;
  --muted-foreground: #8e8060;
  --muted-foreground-1: #b5a882;
  --muted-foreground-2: #d4c9a8;
  --muted-hover: #5c4210;
  --muted-focus: #5c4210;
  --muted-active: #5c4210;

  --navbar: #2a1e06;
  --navbar-line: #5c4210;
  --navbar-divider: #5c4210;
  --navbar-nav-foreground: #e8dfc8;
  --navbar-nav-hover: #44300b;
  --navbar-nav-focus: #44300b;
  --navbar-nav-active: #44300b;
  --navbar-nav-list-divider: #5c4210;
  --navbar-inverse: #fafaf2;
  --navbar-1: #2a1e06;
  --navbar-1-line: #5c4210;
  --navbar-1-divider: #5c4210;
  --navbar-1-nav-foreground: #e8dfc8;
  --navbar-1-nav-hover: #5c4210;
  --navbar-1-nav-focus: #5c4210;
  --navbar-1-nav-active: #5c4210;
  --navbar-1-nav-list-divider: #5c4210;
  --navbar-2: #44300b;
  --navbar-2-line: transparent;
  --navbar-2-divider: #5c4210;
  --navbar-2-nav-foreground: #e8dfc8;
  --navbar-2-nav-hover: #44300b;
  --navbar-2-nav-focus: #44300b;
  --navbar-2-nav-active: #44300b;
  --navbar-2-nav-list-divider: #44300b;

  --sidebar: #2a1e06;
  --sidebar-line: #5c4210;
  --sidebar-divider: #5c4210;
  --sidebar-nav-foreground: #e8dfc8;
  --sidebar-nav-hover: #44300b;
  --sidebar-nav-focus: #44300b;
  --sidebar-nav-active: #44300b;
  --sidebar-nav-list-divider: #5c4210;
  --sidebar-inverse: #fafaf2;
  --sidebar-1: #2a1e06;
  --sidebar-1-line: #5c4210;
  --sidebar-1-divider: #5c4210;
  --sidebar-1-nav-foreground: #e8dfc8;
  --sidebar-1-nav-hover: #5c4210;
  --sidebar-1-nav-focus: #5c4210;
  --sidebar-1-nav-active: #5c4210;
  --sidebar-1-nav-list-divider: #5c4210;
  --sidebar-2: #44300b;
  --sidebar-2-line: transparent;
  --sidebar-2-divider: #44300b;
  --sidebar-2-nav-foreground: #e8dfc8;
  --sidebar-2-nav-hover: #44300b;
  --sidebar-2-nav-focus: #44300b;
  --sidebar-2-nav-active: #44300b;
  --sidebar-2-nav-list-divider: #44300b;

  --card: #44300b;
  --card-line: #5c4210;
  --card-divider: #5c4210;
  --card-header: #5c4210;
  --card-footer: #5c4210;
  --card-inverse: #2a1e06;

  --dropdown: #5c4210;
  --dropdown-1: #44300b;
  --dropdown-line: transparent;
  --dropdown-divider: #44300b;
  --dropdown-header: #5c4210;
  --dropdown-footer: #5c4210;
  --dropdown-item-foreground: #e8dfc8;
  --dropdown-item-hover: #44300b;
  --dropdown-item-focus: #44300b;
  --dropdown-item-active: #44300b;
  --dropdown-inverse: #2a1e06;

  --select: #2a1e06;
  --select-1: #1a1408;
  --select-line: transparent;
  --select-item-foreground: #e8dfc8;
  --select-item-hover: #44300b;
  --select-item-focus: #44300b;
  --select-item-active: #44300b;
  --select-inverse: #2a1e06;

  --overlay: #44300b;
  --overlay-line: transparent;
  --overlay-divider: #5c4210;
  --overlay-header: #5c4210;
  --overlay-footer: #5c4210;
  --overlay-inverse: #2a1e06;

  --popover: #2a1e06;
  --popover-line: #5c4210;

  --tooltip: #fcf6ed;
  --tooltip-foreground: #44300b;
  --tooltip-line: transparent;

  --table-line: #5c4210;
  --switch: #44300b;

  --footer: #2a1e06;
  --footer-line: #5c4210;
  --footer-inverse: #2a1e06;

  --scrollbar-track: #5c4210;
  --scrollbar-thumb: #8e8060;
  --scrollbar-track-inverse: #8e8060;
  --scrollbar-thumb-inverse: #5c4210;

  --chart-colors-background-inverse: #f7efe0;
  --chart-colors-foreground: #d4c9a8;
  --chart-colors-labels: #b5a882;
  --chart-colors-xaxis-labels: #b5a882;
  --chart-colors-yaxis-labels: #b5a882;
  --chart-colors-grid-border: #5c4210;
  --chart-colors-bar-ranges: #5c4210;
  --map-colors-default: #5c4210;
  --map-colors-border: #6b5e42;
}