/* ==========================================================================
   Terrapix Brand Manual — design tokens
   Port z kanonického zdroje: Pixel Floors Web/src/colors_and_type.css
   ========================================================================== */

@font-face {
  font-family: "Wotfard";
  src: url("../assets/fonts/Wotfard/Wotfard-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Wotfard";
  src: url("../assets/fonts/Wotfard/Wotfard-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Wotfard";
  src: url("../assets/fonts/Wotfard/Wotfard-SemiBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Wotfard";
  src: url("../assets/fonts/Wotfard/Wotfard-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Core brand ------------------------------------------------------ */
  --obsidian-ink: #1e0030;  /* text + tmavé plochy */
  --phantom-mist: #f8f8f8;  /* pozadí stránky — nikdy čistá bílá */
  --mystic-ray:   #8c4abe;  /* primární akcent */
  --magma-pulse:  #fe862e;  /* sekundární — energie, zvýraznění */
  --biolume:      #5bfead;  /* terciární — úspěch, "živý" stav */
  --white: #ffffff;
  --black: #000000;

  /* --- Surfaces --------------------------------------------------------- */
  --bg-body: var(--phantom-mist);
  --bg-surface: var(--white);
  --bg-dark: var(--obsidian-ink);

  /* --- Text -------------------------------------------------------------- */
  --text-primary: var(--obsidian-ink);
  --text-secondary: rgba(30, 0, 48, 0.7);
  --text-muted: rgba(30, 0, 48, 0.5);
  --text-inverted: var(--phantom-mist);

  /* --- Borders ------------------------------------------------------------ */
  --border-light: rgba(30, 0, 48, 0.08);
  --border-medium: rgba(30, 0, 48, 0.18);
  --border-strong: rgba(30, 0, 48, 0.35);

  /* --- Semantic ------------------------------------------------------------ */
  --color-primary: var(--mystic-ray);
  --color-secondary: var(--magma-pulse);
  --color-success: var(--biolume);

  /* --- Glassmorphism (všechny 4 složky receptu) ----------------------------- */
  --glass-bg: rgba(255, 255, 255, 0.25);
  --glass-bg-strong: rgba(255, 255, 255, 0.4);
  --glass-border: rgba(255, 255, 255, 0.6);
  --glass-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.15),
                  inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --glass-blur: 40px;

  /* --- Gradients -------------------------------------------------------------- */
  --gradient-aura: linear-gradient(120deg,
    var(--obsidian-ink) 0%, var(--mystic-ray) 25%,
    var(--magma-pulse) 50%, var(--biolume) 75%, var(--obsidian-ink) 100%);

  /* --- Shadows (fialově tónované — nikdy neutrální černá) ---------------------- */
  --shadow-1: 0 2px 8px rgba(30, 0, 48, 0.06);
  --shadow-2: 0 8px 24px rgba(30, 0, 48, 0.08);
  --shadow-3: 0 16px 48px rgba(31, 38, 135, 0.15);

  /* --- Typography ---------------------------------------------------------------- */
  /* JEDINÉ písmo celého systému je Wotfard — žádný monospace, žádný serif.
     --font-mono je pouze alias, aby čísla sekcí a kódy zůstaly ve Wotfardu. */
  --font-sans: "Wotfard", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: var(--font-sans);
  --tracking-display: -0.02em;
  --tracking-eyebrow: 0.12em;
  --leading-tight: 1.1;
  --leading-snug: 1.2;
  --leading-body: 1.5;

  /* Docs škála (zhuštěná; zlatořezové display velikosti jen na home hero) */
  --hero-size: clamp(56px, 8vw, 96px);
  --h1-size: clamp(30px, 3.4vw, 42px);
  --h2-size: 22px;
  --h3-size: 17px;
  --lead-size: clamp(16px, 1.2vw, 18px);
  --body-size: 15px;

  /* --- Spacing (4px základ) ---------------------------------------------------------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* --- Radius (pill interaktivní / 24–32 karty / 16 vnitřní / nikdy 0) ----------------- */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  /* --- Motion ----------------------------------------------------------------------------- */
  --ease: cubic-bezier(0.25, 0.8, 0.25, 1);

  /* --- Layout ------------------------------------------------------------------------------- */
  --shell-max: 1380px;
  --sidebar-w: 280px;
  --rail-w: 232px;
  --header-h: 64px;

  /* --- Stav sekce (chip: vždy tónované pozadí + obsidian text) ------------------------------- */
  --status-prep-bg: rgba(30, 0, 48, 0.06);
  --status-prep-dot: rgba(30, 0, 48, 0.35);
  --status-draft-bg: rgba(254, 134, 46, 0.16);
  --status-draft-dot: var(--magma-pulse);
  --status-ok-bg: rgba(91, 254, 173, 0.25);
  --status-ok-dot: #16b877;
}