/**
 * @conda/ops-ui — Design-Tokens
 * Stand: 2026-04-26 (extrahiert aus JFX-Board, vereinheitlicht für Operations-Hub)
 *
 * Verwendung: <link rel="stylesheet" href="/ops-ui/tokens.css"> als ALLERSTES.
 */

:root {
  /* === BRAND === */
  --conda-green: #27614E;
  --conda-green-hover: #2d7259;
  --conda-green-active: #1f4f3f;
  --conda-sky: #5C90BF;
  --conda-sky-hover: #6da3d4;

  /* === BACKGROUNDS (Dark Theme) === */
  --bg-primary: #1A1D1F;
  --bg-secondary: #22262A;
  --bg-tertiary: #2A2F34;
  --bg-quaternary: #343940;
  --bg-overlay: rgba(0, 0, 0, 0.55);

  /* === TEXT === */
  --text-primary: #E8EAED;
  --text-secondary: #9AA0A6;
  --text-tertiary: #80868B;
  --text-disabled: #5F6368;
  --text-inverse: #1A1D1F;

  /* === SEMANTIC === */
  --success: #34A853;
  --warning: #FBBC04;
  --danger: #EA4335;
  --info: var(--conda-sky);

  /* === BORDERS === */
  --border: #3C4043;
  --border-subtle: #2C2F33;
  --border-strong: #5F6368;

  /* === TYPOGRAPHY === */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;
  --font-size-xs: 11px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 15px;
  --font-size-lg: 16px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 700;
  --line-height-tight: 1.3;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.7;

  /* === SPACING (8px Grid) === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* === RADII === */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-pill: 999px;

  /* === LAYOUT === */
  --container-max: 1440px;
  --topbar-height: 52px;
  --sidenav-width: 220px;
  --sidenav-width-collapsed: 64px;

  /* === ELEVATIONS (subtle, kein Drop-Shadow-Spam) === */
  --elev-1: 0 1px 0 var(--border);
  --elev-2: 0 2px 8px rgba(0, 0, 0, 0.25);
  --elev-3: 0 4px 16px rgba(0, 0, 0, 0.35);

  /* === TIMING === */
  --transition-fast: 0.12s ease;
  --transition-base: 0.18s ease;
  --transition-slow: 0.3s ease;
}

/* Reset minimal */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; height: 100%; }
body {
  font-family: var(--font-sans);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--text-primary);
  background: var(--bg-primary);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
a { color: var(--conda-sky); text-decoration: none; }
a:hover { color: var(--conda-sky-hover); text-decoration: underline; }
button { font-family: inherit; cursor: pointer; }
input, select, textarea { font-family: inherit; font-size: inherit; }