/**
 * Giddex – Design: Saphir-Blau + Platin-Akzent
 * Einbinden: <link rel="stylesheet" href="/giddex-theme.css" />
 */
:root {
  color-scheme: dark;

  /* Tiefes Saphir-Nachtblau */
  --giddex-bg: #070b14;
  --giddex-elevated: #0f1729;
  --giddex-surface: #121c32;
  --giddex-border: rgba(255, 255, 255, 0.07);
  --giddex-border-strong: rgba(212, 217, 232, 0.14);
  --giddex-text: #eef2f8;
  --giddex-muted: #8b96ab;

  /* Primär: Saphir-Blau */
  --giddex-accent: #3b82f6;
  --giddex-accent-rgb: 59, 130, 246;
  --giddex-accent-text: #f8fafc;
  --giddex-accent-soft: rgba(59, 130, 246, 0.14);

  /* Sekundär: Platin (Links, dezente Highlights) */
  --giddex-platinum: #d4d9e6;
  --giddex-platinum-muted: rgba(212, 217, 230, 0.55);
  --giddex-blue: #c8d0e0;

  --giddex-err: #fca5a5;
  --giddex-ok: #94c4b8;

  --giddex-radius-lg: 16px;
  --giddex-radius-md: 12px;
  --giddex-radius-sm: 8px;
  --giddex-radius-pill: 999px;

  --giddex-shadow-soft: 0 0 0 1px rgba(212, 217, 232, 0.06),
    0 20px 50px -14px rgba(0, 0, 0, 0.72);
  --giddex-shadow-card: 0 0 0 1px rgba(212, 217, 232, 0.05),
    0 18px 40px -16px rgba(0, 0, 0, 0.58);

  --giddex-input-border: rgba(212, 217, 232, 0.12);
  --giddex-focus-ring: 0 0 0 2px rgba(59, 130, 246, 0.4);

  --giddex-font: "DM Sans", system-ui, -apple-system, BlinkMacSystemFont,
    sans-serif;
  --giddex-mono: "JetBrains Mono", ui-monospace, monospace;

  /* Chat (index.html) */
  --bg: var(--giddex-bg);
  --bg-elevated: var(--giddex-surface);
  --border-subtle: var(--giddex-border);
  --border-strong: rgba(212, 217, 232, 0.14);
  --accent: var(--giddex-accent);
  --accent-soft: var(--giddex-accent-soft);
  --accent-green: #1e40af;
  --accent-bright: #93c5fd;
  --text-main: var(--giddex-text);
  --text-muted: var(--giddex-muted);
  --danger: #f97373;
  --radius-lg: var(--giddex-radius-lg);
  --radius-md: var(--giddex-radius-md);
  --shadow-soft: var(--giddex-shadow-soft);

  /* Administration-Dashboard */
  --admin-bg: var(--giddex-bg);
  --admin-elevated: var(--giddex-elevated);
  --admin-surface: var(--giddex-surface);
  --admin-border: var(--giddex-border);
  --admin-border-strong: rgba(212, 217, 232, 0.14);
  --admin-text: var(--giddex-text);
  --admin-muted: var(--giddex-muted);
  --admin-accent: var(--giddex-accent);
  --admin-accent-text: var(--giddex-accent-text);
  --admin-accent-soft: var(--giddex-accent-soft);
  --admin-blue: var(--giddex-blue);
  --admin-radius: 12px;
  --admin-radius-sm: 8px;
  --admin-nav-w: 240px;
  --admin-font: var(--giddex-font);
  --admin-mono: var(--giddex-mono);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  font-family: var(--giddex-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

input,
textarea,
select {
  caret-color: var(--giddex-accent);
}