/* Ardit Design System – tokeny (paleta E). Needitovat ručně – změny dělat v design systému. */
/* Písmo: <link href="https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,300..700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet"> */

:root, [data-theme="light"] {
  --ardit-brand: #002e7a;
  --ardit-brand-deep: #04193a;
  --ardit-on-brand: #ffffff;
  --ardit-brand-muted: #9bb9e8;
  --ardit-dot: #f2b01e;
  --ardit-accent-on-brand: #f2b01e;
  --ardit-on-accent-on-brand: #002e7a;
  --ardit-ink: #002e7a;
  --ardit-action: #1b59b6;
  --ardit-action-hover: #08479f;
  --ardit-on-action: #ffffff;
  --ardit-tint: #e7f1ff;
  --ardit-tint-line: #1b59b6;
  --ardit-line-on-tint: #c9dcf5;
  --ardit-accent: #e55b2b;
  --ardit-accent-text: #c4441c;
  --ardit-accent-text-on-tint: #b83d18;
  --ardit-surface-important: #a8302b;
  --ardit-on-important-muted: #f6d9d6;
  --ardit-fg1: #1b2026;
  --ardit-fg2: #575b62;
  --ardit-fg3: #70757c;
  --ardit-line: #d4d9e1;
  --ardit-bg1: #ffffff;
  --ardit-bg2: #f8fafe;
  --ardit-bg3: #f0f4f9;
  --ardit-success: #1d7d3e;
  --ardit-warning: #916a00;
  --ardit-danger: #ba3630;
  --ardit-on-danger: #ffffff;
  --ardit-shadow-1: 0 2px 8px rgba(4,25,58,0.10), 0 0 0 1px rgba(4,25,58,0.06);
  --ardit-shadow-2: 0 12px 32px rgba(4,25,58,0.16), 0 0 0 1px rgba(4,25,58,0.06);
  --ardit-space-1: 4px;
  --ardit-space-2: 8px;
  --ardit-space-3: 12px;
  --ardit-space-4: 16px;
  --ardit-space-5: 24px;
  --ardit-space-6: 32px;
  --ardit-space-7: 48px;
  --ardit-space-8: 64px;
  --ardit-space-9: 96px;
  --ardit-radius-none: 0px;
  --ardit-radius-sm: 4px;
  --ardit-radius-md: 6px;
  --ardit-radius-lg: 8px;
  --ardit-radius-full: 999px;
  --ardit-duration-fast: 120ms;
  --ardit-duration-mid: 200ms;
  --ardit-duration-slow: 280ms;
  --ardit-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --ardit-content-max: 1200px;
  --ardit-text-max: 720px;
  --ardit-control-h: 40px;
  --ardit-app-topbar-h: 48px;
  --ardit-app-sidebar-w: 264px;
  --ardit-app-panel-w: 360px;
  --ardit-app-statusbar-h: 28px;
  --ardit-bp-sm: 640px;
  --ardit-bp-md: 1024px;
  --ardit-bp-lg: 1280px;
  --ardit-font-display: "Inter Display", "Inter", system-ui, sans-serif;
  --ardit-font-sans: "Inter", system-ui, sans-serif;
  --ardit-font-mono: "JetBrains Mono", ui-monospace, monospace;
  color-scheme: light;
}

[data-theme="dark"] {
  --ardit-ink: #ffffff;
  --ardit-action: #749fe3;
  --ardit-action-hover: #9bb9e8;
  --ardit-on-action: #0b1426;
  --ardit-tint: #1c2c44;
  --ardit-tint-line: #749fe3;
  --ardit-line-on-tint: #2c3f5c;
  --ardit-accent: #ff8a5c;
  --ardit-accent-text: #ff8a5c;
  --ardit-accent-text-on-tint: #ff8a5c;
  --ardit-surface-important: #8f2a26;
  --ardit-fg1: #e5e8ed;
  --ardit-fg2: #b9bec6;
  --ardit-fg3: #8d939c;
  --ardit-line: #303845;
  --ardit-bg1: #0e141d;
  --ardit-bg2: #131a24;
  --ardit-bg3: #1a222e;
  --ardit-success: #68ca80;
  --ardit-warning: #eebc4a;
  --ardit-danger: #f47c70;
  --ardit-on-danger: #1a0b0a;
  --ardit-shadow-1: 0 0 0 1px #303845;
  --ardit-shadow-2: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 1px #303845;
  color-scheme: dark;
}

/* Aplikace: tmavý režim podle systému, pokud uživatel nezvolil jinak. Web je jen světlý – tento blok na webu vynech. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ardit-ink: #ffffff;
    --ardit-action: #749fe3;
    --ardit-action-hover: #9bb9e8;
    --ardit-on-action: #0b1426;
    --ardit-tint: #1c2c44;
    --ardit-tint-line: #749fe3;
    --ardit-line-on-tint: #2c3f5c;
    --ardit-accent: #ff8a5c;
    --ardit-accent-text: #ff8a5c;
    --ardit-accent-text-on-tint: #ff8a5c;
    --ardit-surface-important: #8f2a26;
    --ardit-fg1: #e5e8ed;
    --ardit-fg2: #b9bec6;
    --ardit-fg3: #8d939c;
    --ardit-line: #303845;
    --ardit-bg1: #0e141d;
    --ardit-bg2: #131a24;
    --ardit-bg3: #1a222e;
    --ardit-success: #68ca80;
    --ardit-warning: #eebc4a;
    --ardit-danger: #f47c70;
    --ardit-on-danger: #1a0b0a;
    --ardit-shadow-1: 0 0 0 1px #303845;
    --ardit-shadow-2: 0 12px 32px rgba(0,0,0,0.5), 0 0 0 1px #303845;
    color-scheme: dark;
  }
}

/* Styl „Display“ (nadpisy, perex, čísla v titulcích): */
.ardit-display { font-family: var(--ardit-font-sans); font-variation-settings: "opsz" 32; }
/* S Google Fonts (osa opsz) je Inter Display = Inter s opsz 32. S lokálními soubory použij rodinu "Inter Display". */