/* Hodnoty podle Microsoft Fluent 2 (webLightTheme, webDarkTheme); Segoe UI je systémové písmo Windows a nepřibaluje se. */
:root {
  --ui-font: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, sans-serif;

  /* Značka */
  --ks-logo-blue: #0234c7;
  --ks-logo-blue-hover: #012db0;
  --ks-logo-on-blue: #ffffff;
  --ks-logo-teal: #09bdb2;
  --ks-login-wordmark: var(--ks-logo-blue);
  --ks-login-tint-1: rgba(2, 52, 199, 0.10);
  --ks-login-tint-2: rgba(9, 189, 178, 0.12);

  /* === Postranní panel (Fluent Nav) === */
  --ks-panel-pozadi: #f0f0f0;
  --ks-panel-najeti: #fafafa;
  --ks-panel-stisk: #f5f5f5;
  --ks-panel-text: #424242;

  /* === Neutrály === */
  --ui-color-neutral-0: #ffffff;
  --ui-color-neutral-50: #fafafa;
  --ui-color-neutral-100: #f5f5f5;
  --ui-color-neutral-200: #ebebeb;
  --ui-color-page: #fafafa;
  --ui-color-text: #242424;
  --ui-color-text-muted: #616161;
  --ui-color-text-subtle: #707070;
  --ui-color-border: #e0e0e0;
  --ui-color-border-silna: #d1d1d1;
  --ui-color-border-silna-hover: #c7c7c7;

  /* === Akce === */
  --ui-color-primary: #0f6cbd;
  --ui-color-primary-hover: #115ea3;
  --ui-color-primary-soft: #ebf3fc;
  --ui-color-accent: var(--ui-color-primary);

  /* Sémantika */
  --ui-color-success: #0e700e;
  --ui-color-success-soft: #f1faf1;
  --ui-color-warning: #bc4b09;
  --ui-color-warning-soft: #fff9f5;
  --ui-color-danger: #bc2f32;
  --ui-color-danger-hover: #a52b2e;
  --ui-color-danger-soft: #fdf3f4;
  --ui-color-info: #0f6cbd;
  --ui-color-info-soft: #ebf3fc;

  /* Stavy studie */
  --ks-stav-feasibility-bg: #f5f5f5;      --ks-stav-feasibility-fg: #424242;
  --ks-stav-v-jednani-bg: #f5f5f5;        --ks-stav-v-jednani-fg: #424242;
  --ks-stav-zahajena-bg: #f5f5f5;         --ks-stav-zahajena-fg: #424242;
  --ks-stav-probiha-bg: #ebf3fc;          --ks-stav-probiha-fg: #115ea3;
  --ks-stav-uzavirani-bg: #f5f5f5;        --ks-stav-uzavirani-fg: #424242;
  --ks-stav-ukoncena-bg: #f5f5f5;         --ks-stav-ukoncena-fg: #424242;
  --ks-stav-archiv-bg: #f5f5f5;           --ks-stav-archiv-fg: #616161;
  --ks-stav-zrusena-bg: #fdf3f4;          --ks-stav-zrusena-fg: #bc2f32;

  /* === Rozestupy === 4 → 48 */
  --ui-space-1: 0.25rem;
  --ui-space-2: 0.375rem;
  --ui-space-3: 0.5rem;
  --ui-space-4: 0.75rem;
  --ui-space-5: 1rem;
  --ui-space-6: 1.5rem;
  --ui-space-7: 3rem;

  /* Rádiusy (borderRadiusMedium) */
  --ui-radius-1: 0.25rem;
  --ui-radius-2: 0.25rem;
  --ui-radius-pill: 62.5rem;
  --ui-border-width-1: 0.0625rem;

  /* Elevace: shadow2, shadow4, shadow16 */
  --ui-shadow-1: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.14);
  --ui-shadow-2: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.14);
  --ui-shadow-3: 0 0 0.125rem rgba(0, 0, 0, 0.12), 0 0.5rem 1rem rgba(0, 0, 0, 0.14);
  --ui-shadow-lista: 0 -0.125rem 0.25rem rgba(0, 0, 0, 0.08);
  /* colorStrokeFocus2, 2 px */
  --ui-focus-ring: 0 0 0 0.125rem #000000;

  /* === Typografie === 12 / 13 / 14 / 16 / 18 / 22 / 28 px */
  --ui-font-size-xs: 0.75rem;
  --ui-font-size-sm: 0.8125rem;
  --ui-font-size-md: 0.875rem;
  --ui-font-size-lg: 1rem;
  --ui-font-size-xl: 1.125rem;
  --ui-font-size-2xl: 1.375rem;
  --ui-font-size-3xl: 1.75rem;
  --ui-font-size-metrika: 1.25rem;
  --ui-font-weight-regular: 400;
  --ui-font-weight-medium: 500;
  --ui-font-weight-semibold: 600;
  --ui-line-height: 1.5;
  --ui-line-height-tight: 1.25;
  --ui-tracking-label: 0.01em;
  --ui-tracking-tight: -0.01em;
  --ui-tracking-caps: 0.04em;

  /* === Ovládací prvky === */
  --ui-control-height: 2rem;
  --ui-row-height: 2.5rem;
  --ui-card-pad: var(--ui-space-5);
  --ui-card-head-h: 3rem;
  --ui-control-padding-x: 0.625rem;
  --ui-nav-polozka-h: 2rem;

  /* === Pohyb === */
  --ui-transition: 120ms cubic-bezier(0.2, 0, 0.2, 1);

  /* === Layout === */
  --ui-container-max: 100rem;

  --ui-stack-gap: var(--ui-space-5);
  --ui-nav-height: 3rem;
  --ui-sidebar-sirka: 16.25rem;
  --ui-sidebar-sbaleny: 3.5rem;
  --ui-container-pad: 1.5rem;
  --ui-form-col-gap: 1rem;
  --ui-form-row-gap: 0.75rem;
  --ui-form-max: 60rem;
}

/* === Tmavý režim ===
   Barvy se jen přepíšou; rozestupy, rádiusy a typografie zůstávají. Přepínač nastavuje
   data-theme na <html>, bez něj se jede podle nastavení systému. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ks-login-wordmark: #7fa6ff;
    --ks-login-tint-1: rgba(2, 52, 199, 0.22);
    --ks-login-tint-2: rgba(9, 189, 178, 0.14);
    --ks-panel-pozadi: #0a0a0a;
    --ks-panel-najeti: #1f1f1f;
    --ks-panel-stisk: #1a1a1a;
    --ks-panel-text: #d6d6d6;
    --ui-color-neutral-0: #292929;
    --ui-color-neutral-50: #2e2e2e;
    --ui-color-neutral-100: #333333;
    --ui-color-neutral-200: #3d3d3d;
    --ui-color-page: #1f1f1f;
    --ui-color-text: #ffffff;
    --ui-color-text-muted: #adadad;
    --ui-color-text-subtle: #999999;
    --ui-color-border: #525252;
    --ui-color-border-silna: #666666;
    --ui-color-border-silna-hover: #757575;
    --ui-color-primary: #479ef5;
    --ui-color-primary-hover: #62abf5;
    --ui-color-primary-soft: #082338;
    --ui-color-success: #54b054;
    --ui-color-success-soft: #052505;
    --ui-color-warning: #faa06b;
    --ui-color-warning-soft: #411200;
    --ui-color-danger: #e37d80;
    --ui-color-danger-hover: #e9979a;
    --ui-color-danger-soft: #3b0509;
    --ui-color-info: #479ef5;
    --ui-color-info-soft: #082338;
    --ks-stav-feasibility-bg: #333333;      --ks-stav-feasibility-fg: #d6d6d6;
    --ks-stav-v-jednani-bg: #333333;        --ks-stav-v-jednani-fg: #d6d6d6;
    --ks-stav-zahajena-bg: #333333;         --ks-stav-zahajena-fg: #d6d6d6;
    --ks-stav-probiha-bg: #082338;          --ks-stav-probiha-fg: #479ef5;
    --ks-stav-uzavirani-bg: #333333;        --ks-stav-uzavirani-fg: #d6d6d6;
    --ks-stav-ukoncena-bg: #333333;         --ks-stav-ukoncena-fg: #d6d6d6;
    --ks-stav-archiv-bg: #333333;           --ks-stav-archiv-fg: #adadad;
    --ks-stav-zrusena-bg: #3b0509;          --ks-stav-zrusena-fg: #e37d80;
    --ui-shadow-1: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.28);
    --ui-shadow-2: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.28);
    --ui-shadow-3: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.5rem 1rem rgba(0, 0, 0, 0.28);
    --ui-focus-ring: 0 0 0 0.125rem #ffffff;
  }
}

:root[data-theme="dark"] {
  --ks-login-wordmark: #7fa6ff;
  --ks-login-tint-1: rgba(2, 52, 199, 0.22);
  --ks-login-tint-2: rgba(9, 189, 178, 0.14);
  --ks-panel-pozadi: #0a0a0a;
  --ks-panel-najeti: #1f1f1f;
  --ks-panel-stisk: #1a1a1a;
  --ks-panel-text: #d6d6d6;
  --ui-color-neutral-0: #292929;
  --ui-color-neutral-50: #2e2e2e;
  --ui-color-neutral-100: #333333;
  --ui-color-neutral-200: #3d3d3d;
  --ui-color-page: #1f1f1f;
  --ui-color-text: #ffffff;
  --ui-color-text-muted: #adadad;
  --ui-color-text-subtle: #999999;
  --ui-color-border: #525252;
  --ui-color-border-silna: #666666;
  --ui-color-border-silna-hover: #757575;
  --ui-color-primary: #479ef5;
  --ui-color-primary-hover: #62abf5;
  --ui-color-primary-soft: #082338;
  --ui-color-success: #54b054;
  --ui-color-success-soft: #052505;
  --ui-color-warning: #faa06b;
  --ui-color-warning-soft: #411200;
  --ui-color-danger: #e37d80;
  --ui-color-danger-hover: #e9979a;
  --ui-color-danger-soft: #3b0509;
  --ui-color-info: #479ef5;
  --ui-color-info-soft: #082338;
  --ks-stav-feasibility-bg: #333333;      --ks-stav-feasibility-fg: #d6d6d6;
  --ks-stav-v-jednani-bg: #333333;        --ks-stav-v-jednani-fg: #d6d6d6;
  --ks-stav-zahajena-bg: #333333;         --ks-stav-zahajena-fg: #d6d6d6;
  --ks-stav-probiha-bg: #082338;          --ks-stav-probiha-fg: #479ef5;
  --ks-stav-uzavirani-bg: #333333;        --ks-stav-uzavirani-fg: #d6d6d6;
  --ks-stav-ukoncena-bg: #333333;         --ks-stav-ukoncena-fg: #d6d6d6;
  --ks-stav-archiv-bg: #333333;           --ks-stav-archiv-fg: #adadad;
  --ks-stav-zrusena-bg: #3b0509;          --ks-stav-zrusena-fg: #e37d80;
  --ui-shadow-1: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.0625rem 0.125rem rgba(0, 0, 0, 0.28);
  --ui-shadow-2: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.125rem 0.25rem rgba(0, 0, 0, 0.28);
  --ui-shadow-3: 0 0 0.125rem rgba(0, 0, 0, 0.24), 0 0.5rem 1rem rgba(0, 0, 0, 0.28);
  --ui-focus-ring: 0 0 0 0.125rem #ffffff;
}