/* Orisoft – design tokens
   Zdroj pravdy pro barvy, písmo, rozestupy. Viz BRAND.md. */

:root {
  /* --- Značka ------------------------------------------------------- */
  --color-trat: #B0198F;         /* Trať: logo, primární tlačítko, odkazy, akcenty. Bílý text 6,2:1 */
  --color-trat-hover: #951479;   /* hover/active primárního tlačítka */
  --color-trat-light: #E86BD0;   /* Trať na tmavém pozadí (Inkoust). 6,2:1 na Inkoustu */
  --color-trat-tint: #F7E1F0;    /* jemný podklad, zvýraznění; Trať na něm 5,0:1 */

  --color-ink: #1A1530;          /* Inkoust: text, tmavé sekce, patička. 15,9:1 na Papíru */
  --color-ink-raised: #241E3F;   /* karty na tmavé sekci */
  --color-ink-line: #3A3258;     /* linky na tmavé sekci */
  --color-paper: #F6F3EC;        /* Papír: pozadí stránky */
  --color-white: #FFFFFF;        /* karty, formuláře na Papíru */
  --color-graphite: #5E5A6E;     /* vedlejší text na světlém. 6,0:1 na Papíru */
  --color-line: #DDD8CE;         /* linky, rámečky, oddělovače */
  --color-contour: #E3DCCF;      /* dekorativní vrstevnice */
  --color-text-on-ink: #D9D5E4;  /* běžný text na Inkoustu */
  --color-muted-on-ink: #A9A3BD; /* vedlejší text na Inkoustu. 7,3:1 */

  /* --- Rodina aplikací (jen pro jejich znaky a odkazy na ně) --------- */
  --color-lampion: #F26A2E;      /* společná hlavní akce UVNITŘ aplikací; text na ní vždy Inkoust */
  --color-obecko: #242320;       /* lišta Obéčko / oriclub */
  --color-oriplay: #16382C;      /* lišta OriPlay */
  --color-robis: #2A6BC2;        /* lišta ROBis */

  /* --- Sémantika ------------------------------------------------------ */
  --color-bg: var(--color-paper);
  --color-surface: var(--color-white);
  --color-text: var(--color-ink);
  --color-text-muted: var(--color-graphite);
  --color-link: var(--color-trat);
  --color-focus: var(--color-trat);
  --color-success: #1E7A4F;
  --color-danger: #C42B2B;

  /* --- Písmo ---------------------------------------------------------- */
  --font-sans: "Sora", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;

  /* velikost / řádkování / prostrkání */
  --text-display: clamp(2.5rem, 1.6rem + 3.6vw, 4.5rem); /* 40 → 72 px, jen H1 v hero */
  --text-h2: clamp(2rem, 1.5rem + 2vw, 3rem);             /* 32 → 48 px */
  --text-h3: 1.5rem;     /* 24 px */
  --text-lead: 1.25rem;  /* 20 px */
  --text-body: 1rem;     /* 16 px */
  --text-small: 0.875rem;/* 14 px */
  --text-eyebrow: 0.9375rem; /* 15 px, mono */

  --lh-tight: 1.05;
  --lh-heading: 1.15;
  --lh-body: 1.6;

  --tracking-display: -0.035em;
  --tracking-heading: -0.025em;

  /* --- Rozestupy (mřížka 4 px) ---------------------------------------- */
  --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; --space-16: 64px; --space-20: 80px; --space-24: 96px; --space-32: 128px;

  --container: 1200px;
  --gutter: clamp(16px, 4vw, 40px);
  --section-y: clamp(64px, 8vw, 128px);

  /* --- Tvary a stíny -------------------------------------------------- */
  --radius-sm: 6px;   /* tlačítka, vstupy */
  --radius-md: 12px;  /* ikony aplikací */
  --radius-lg: 16px;  /* karty */
  --radius-xl: 24px;  /* velké panely */
  --radius-full: 999px;

  --shadow-card: 0 1px 2px rgba(26, 21, 48, 0.06);
  --shadow-card-hover: 0 12px 32px -12px rgba(26, 21, 48, 0.25);

  --stroke-mark: 2px; /* tah ikon a značek OB v UI */

  --ease: cubic-bezier(0.2, 0, 0, 1);
  --duration: 180ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --duration: 0ms; }
}