/**
 * InSec+ Design Tokens — eigenständiges Enterprise-Palette, inspiriert von klaren UI-HIG-Prinzipien.
 * Keine eingebetteten Schrift- oder Symbol-Assets von Drittanbietern; keine 1:1-Farbübernahme von Hersteller-Systempaletten.
 * Abwärtskompatibel: bestehende Custom Properties (--bg-primary, --accent, …) bleiben erhalten.
 */

:root,
html[data-theme="dark"] {
  /* Referenz-Namen (nicht identisch mit geschützten System-Farbwerten) */
  --ref-accent-blue: #2278ff;
  --ref-accent-blue-strong: #5096ff;
  --ref-accent-blue-pressed: #1a62d6;
  --ref-positive: #2eb86a;
  --ref-negative: #e54d52;
  --ref-caution: #f2cf4a;
  --ref-orange: #f0a030;

  /* Semantik (Legacy-Namen beibehalten) */
  --color-orange: var(--ref-orange);
  --color-danger-dark: #c43e42;
  --color-danger: var(--ref-negative);
  --color-warning: var(--ref-caution);
  --color-success: var(--ref-positive);
  --color-success-dark: #21874f;
  --color-cyan: #5cb8e8;
  --color-info: #5cb8e8;
  --color-sky: #5cb8e8;
  --color-primary: var(--ref-accent-blue);
  --color-violet: #b866e8;
  --color-secondary: #6a6a72;

  --color-neutral-0: #ffffff;
  --color-neutral-100: #ececf2;
  --color-neutral-400: #97979f;
  --color-neutral-700: #4a4a52;
  --color-neutral-900: #0a0a0c;

  --color-accent: var(--color-primary);
  --color-primary-hover: var(--ref-accent-blue-strong);
  --color-primary-active: var(--ref-accent-blue-pressed);
  --color-danger-hover: #f06a6f;
  --color-success-hover: #42d080;
  --color-surface-elevated: rgba(46, 46, 50, 0.72);
  --color-border-strong: rgba(82, 82, 90, 0.65);
  --color-disabled-bg: rgba(118, 118, 128, 0.24);
  --color-disabled-fg: rgba(235, 235, 245, 0.3);
  --color-surface: #1e1e22;
  --color-border: rgba(82, 82, 90, 0.48);

  /* Flächen */
  --bg-primary: #0c0c0f;
  --bg-secondary: #1e1e22;
  --bg-card: rgba(46, 46, 52, 0.65);
  --text-primary: rgba(235, 235, 245, 0.96);
  --text-secondary: rgba(235, 235, 245, 0.55);
  --border: var(--color-border);
  --accent: var(--color-primary);
  --accent-hover: var(--color-primary-hover);
  --sidebar-bg: rgba(28, 28, 32, 0.82);
  --surface-card: rgba(46, 46, 52, 0.55);
  --surface-muted: rgba(58, 58, 64, 0.55);
  --dropdown-surface: rgba(44, 44, 50, 0.94);
  --dropdown-option-bg: rgba(58, 58, 64, 0.85);
  --dropdown-option-hover: rgba(72, 72, 78, 0.95);
  --filter-btn-bg: rgba(58, 58, 64, 0.55);
  --filter-btn-hover: rgba(72, 72, 78, 0.75);
  --accent-border: color-mix(in srgb, var(--color-primary) 55%, transparent);
  --accent-border-hover: color-mix(in srgb, var(--color-primary-hover) 75%, transparent);
  --btn-on-accent: #ffffff;

  --bg: var(--bg-primary);
  --bg-soft: var(--bg-secondary);
  --text-main: var(--text-primary);
  --text-muted: var(--text-secondary);
  --line: var(--border);

  /* Glas / Material (eigene Werte) */
  --glass-blur: 48px;
  --glass-saturate: 180%;
  --glass-border: rgba(255, 255, 255, 0.08);
  --glass-highlight: rgba(255, 255, 255, 0.06);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 4px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.55);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;

  --ease-default: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-emphasized: cubic-bezier(0.2, 0.8, 0.2, 1);
  --duration-fast: 0.15s;
  --duration-normal: 0.22s;

  --z-dropdown: 100300;
  --z-tooltip-float: 100400;
  --z-modal: 100500;
  --z-vpn-lock: 100600;

  /* Scrollbars (Dark) */
  --insec-scrollbar-size: 9px;
  --insec-scrollbar-size-compact: 7px;
  --insec-scrollbar-track: rgba(255, 255, 255, 0.04);
  --insec-scrollbar-thumb: rgba(255, 255, 255, 0.17);
  --insec-scrollbar-thumb-hover: rgba(255, 255, 255, 0.27);
  --insec-scrollbar-thumb-active: rgba(255, 255, 255, 0.38);
  --insec-scrollbar-radius: 999px;
  --insec-scrollbar-transition: 0.16s ease;
}

html[data-theme="light"] {
  --ref-accent-blue: #1d6fd8;
  --ref-accent-blue-strong: #3d8ef0;
  --ref-accent-blue-pressed: #185dba;
  --ref-positive: #2fa85c;
  --ref-negative: #d9383d;
  --ref-caution: #e8c040;
  --ref-orange: #e89220;

  --color-primary: var(--ref-accent-blue);
  --color-primary-hover: var(--ref-accent-blue-strong);
  --color-primary-active: var(--ref-accent-blue-pressed);
  --color-danger: var(--ref-negative);
  --color-danger-dark: #b02a2f;
  --color-danger-hover: #e8484e;
  --color-success: var(--ref-positive);
  --color-success-dark: #248a3d;
  --color-success-hover: #38c06b;
  --color-warning: var(--ref-caution);
  --color-orange: var(--ref-orange);
  --color-cyan: #4aaee0;
  --color-info: #4aaee0;
  --color-violet: #a456d8;
  --color-accent: var(--color-primary);

  --color-neutral-100: #f2f2f6;
  --color-neutral-400: #8e8e96;
  --color-neutral-700: #c8c8d0;
  --color-neutral-900: #1a1a1f;

  --color-surface-elevated: #ffffff;
  --color-border-strong: rgba(60, 60, 68, 0.29);
  --color-disabled-bg: rgba(118, 118, 128, 0.12);
  --color-disabled-fg: rgba(60, 60, 68, 0.45);
  --color-surface: #f2f2f6;
  --color-border: rgba(60, 60, 68, 0.29);

  --bg-primary: #f2f2f6;
  --bg-secondary: #ffffff;
  --bg-card: rgba(255, 255, 255, 0.82);
  --text-primary: #1a1a1f;
  --text-secondary: rgba(60, 60, 68, 0.6);
  --sidebar-bg: rgba(242, 242, 246, 0.85);
  --surface-card: rgba(255, 255, 255, 0.88);
  --surface-muted: rgba(255, 255, 255, 0.94);
  --dropdown-surface: rgba(255, 255, 255, 0.96);
  --dropdown-option-bg: rgba(242, 242, 246, 0.95);
  --dropdown-option-hover: rgba(229, 229, 234, 0.98);
  --filter-btn-bg: rgba(229, 229, 234, 0.65);
  --filter-btn-hover: rgba(209, 209, 216, 0.85);
  --accent-border: color-mix(in srgb, var(--color-primary) 45%, transparent);
  --accent-border-hover: color-mix(in srgb, var(--color-primary-hover) 65%, transparent);

  --glass-border: rgba(0, 0, 0, 0.06);
  --glass-highlight: rgba(255, 255, 255, 0.85);
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

  /* Scrollbars (Light) */
  --insec-scrollbar-size: 9px;
  --insec-scrollbar-size-compact: 7px;
  --insec-scrollbar-track: rgba(0, 0, 0, 0.05);
  --insec-scrollbar-thumb: rgba(0, 0, 0, 0.2);
  --insec-scrollbar-thumb-hover: rgba(0, 0, 0, 0.32);
  --insec-scrollbar-thumb-active: rgba(0, 0, 0, 0.44);
  --insec-scrollbar-radius: 999px;
  --insec-scrollbar-transition: 0.16s ease;
}