/* Design tokeny administrace (/info/*).
   Doslovná kopie z design systému „Chytrý web makléře" (Claude Design projekt
   b648ff7e-2dbe-46b1-8302-2f8bbe92461d), soubory tokens/colors.css, tokens/typography.css
   a tokens/spacing.css. Jediná úprava: --font-sans ukazuje na lokálně hostovanou rodinu
   (viz fonts-stack.css), ne na Google Fonts.

   POZOR na dvě rodiny tokenů s podobnými názvy:
     --text-xs / -sm / -base / -md / -lg / -xl / -2xl …  = VELIKOST písma
     --text-heading / -strong / -body / -muted / -subtle = BARVA písma
   Záměna se projeví tiše (např. `color: 15px` prohlížeč zahodí bez chyby v konzoli). */

:root {
  /* ===== Brand azure (primary) ===== */
  --azure-50: #ecf8fe;
  --azure-100: #cfeefd;
  --azure-200: #a6e1fb;
  --azure-300: #6fcef9;
  --azure-400: #2dacfd;
  --azure-500: #10a9ec;
  --azure-600: #0b8fca;
  --azure-700: #0b6f9f;
  --azure-800: #0d5a80;
  --azure-900: #114b69;

  /* ===== Neutrals (zinc) ===== */
  --zinc-50: #fafafa;
  --zinc-100: #f4f4f5;
  --zinc-150: #ededee;
  --zinc-200: #e4e4e7;
  --zinc-300: #d4d4d8;
  --zinc-400: #a1a1aa;
  --zinc-500: #71717a;
  --zinc-600: #52525b;
  --zinc-700: #3f3f46;
  --zinc-800: #27272a;
  --zinc-900: #18181b;
  --zinc-950: #09090b;
  --ink: #121214;            /* boční lišta / nejtmavší plocha */
  --white: #ffffff;

  /* ===== Accents ===== */
  --emerald-400: #34d39f;
  --emerald-500: #12b981;
  --emerald-600: #0e9e6e;
  --grass-500: #0dc72b;
  --violet-500: #8b5cf6;
  --violet-600: #7c3aed;
  --plum-500: #c229ff;
  --magenta-500: #d347c4;
  --amber-500: #f59e0b;
  --amber-bg: #fef3c7;
  --amber-text: #b45309;
  --red-500: #ef4444;
  --red-bg: #fee2e2;

  /* ===== Semantic surfaces ===== */
  --color-bg: var(--zinc-50);
  --surface-card: var(--white);
  --surface-raised: var(--white);
  --surface-sunken: var(--zinc-100);
  --surface-sidebar: var(--ink);
  --surface-inverse: var(--zinc-950);

  /* ===== Borders ===== */
  --border-subtle: #f0f0f1;
  --border-default: var(--zinc-200);
  --border-strong: var(--zinc-300);

  /* ===== Text (BARVY) ===== */
  --text-heading: var(--zinc-950);
  --text-strong: var(--zinc-900);
  --text-body: var(--zinc-600);
  --text-muted: var(--zinc-500);
  --text-subtle: var(--zinc-400);
  --text-inverse: var(--white);
  --text-on-brand: var(--white);

  /* ===== Brand semantic ===== */
  --brand: var(--azure-500);
  --brand-hover: var(--azure-600);
  --brand-active: var(--azure-700);
  --brand-soft: var(--azure-50);
  --brand-border: var(--azure-200);
  --focus-ring: var(--azure-400);

  --success: var(--emerald-500);
  --success-soft: #e7f8f1;
  --warning: var(--amber-500);
  --danger: var(--red-500);

  /* ===== Gradients ===== */
  --gradient-brand: linear-gradient(135deg, var(--plum-500) 0%, var(--azure-500) 100%);
  --gradient-azure: linear-gradient(135deg, var(--azure-400) 0%, var(--azure-600) 100%);

  /* ===== Typography ===== */
  --font-sans: 'Plus Jakarta Sans', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: var(--font-sans);
  --font-mono: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Velikosti písma */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;      /* výchozí velikost UI */
  --text-md: 15px;
  --text-lg: 17px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 30px;
  --text-4xl: 38px;       /* velká čísla statistik */
  --text-5xl: 48px;

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;

  --leading-tight: 1.15;
  --leading-snug: 1.3;
  --leading-normal: 1.5;
  --leading-relaxed: 1.65;

  --tracking-tight: -0.02em;
  --tracking-snug: -0.01em;
  --tracking-normal: 0;
  --tracking-wide: 0.04em;
  --tracking-caps: 0.06em;

  /* ===== Spacing (základ 4px) ===== */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ===== Radii ===== */
  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 12px;      /* tlačítka, inputy, statistické karty */
  --radius-lg: 16px;      /* panely */
  --radius-xl: 20px;      /* velké plochy karet */
  --radius-2xl: 24px;
  --radius-full: 999px;

  /* ===== Shadows ===== */
  --shadow-xs: 0 1px 2px rgba(9, 9, 11, 0.05);
  --shadow-sm: 0 1px 3px rgba(9, 9, 11, 0.06), 0 1px 2px rgba(9, 9, 11, 0.04);
  --shadow-md: 0 4px 12px rgba(9, 9, 11, 0.06), 0 2px 4px rgba(9, 9, 11, 0.04);
  --shadow-lg: 0 12px 28px rgba(9, 9, 11, 0.10), 0 4px 10px rgba(9, 9, 11, 0.05);
  --shadow-float: 0 18px 40px rgba(9, 9, 11, 0.16), 0 6px 14px rgba(9, 9, 11, 0.08);
  --shadow-focus: 0 0 0 3px rgba(16, 169, 236, 0.28);

  /* ===== Layout ===== */
  --sidebar-width: 76px;
  --sidebar-expanded: 236px;
  --topbar-height: 68px;
  --content-max: 1600px;

  /* ===== Motion ===== */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --duration-fast: 120ms;
  --duration-base: 180ms;
  --duration-slow: 280ms;
}