/* ==========================================================================
   FreeSketch.cz — Sdílený designový motiv
   --------------------------------------------------------------------------
   JEDINÝ ZDROJ PRAVDY pro barvy, typografii a geometrii napříč projektem:
     • web freesketch.cz
     • plugin FreeSketch Hub a 3D JSON Inspector (HtmlDialog)
     • plugin Smart Console Large PRO (desktopový dialog i mobilní konzole)

   Do pluginů se soubor kopíruje skriptem `sync_theme.ps1` — needituj kopie,
   uprav vždy tenhle soubor a skript spusť znovu.

   Výchozí režim je SVĚTLÝ (prosluněná jarní louka).
   Tmavý režim se zapne třídou `theme-dark` na <body> nebo <html>.
   ========================================================================== */

:root {
  /* --- Text ------------------------------------------------------------- */
  --ink: #152416;              /* základní text */
  --ink-secondary: #33492f;    /* podnadpisy, sekundární text */
  --muted: #4f6350;            /* popisky, doplňkové informace */

  /* --- Linky a předěly --------------------------------------------------- */
  --line: #cbe0ce;
  --line-light: #e5f0e6;

  /* --- Povrchy ----------------------------------------------------------- */
  --paper: #ffffff;            /* karta, obsah */
  --wash: #f5f9f3;             /* jemné podbarvení */
  --wash-alt: #ebf5e9;
  --surface-deep: #eef4ea;     /* plocha za kartami (pozadí okna) */
  --surface-base: #f7faf4;     /* hlavní list */
  --surface-card: #ffffff;
  --surface-card-hover: #f5f9f3;
  --surface-elevated: #ffffff;
  --surface-input: #ffffff;

  /* --- Jarní zeleň listů (hlavní značková barva) ------------------------- */
  --brand: #367d1d;
  --brand-mid: #509e2a;
  --brand-bright: #68c436;
  --brand-soft: #f0f8ec;
  --brand-mid-line: #bde0b4;

  /* --- Limetka (akcent, zvýraznění) -------------------------------------- */
  --lime: #5f7d08;             /* ztmaveno kvuli kontrastu textu na svetlem podkladu (4.5:1) */
  --lime-mid: #9bc213;
  --lime-bright: #bee629;
  --lime-soft: #f7fce8;
  --lime-line: #d8ec9d;

  /* --- Slunce (upozornění, rozpracované) --------------------------------- */
  --sun: #d4a911;
  --sun-mid: #eec41e;
  --sun-bright: #fae45c;
  --sun-soft: #fffde8;
  --sun-line: #faefa8;

  /* --- Hluboké tóny ------------------------------------------------------ */
  --deep: #163615;
  --deep-alt: #0d240d;

  /* --- Doplňkové stavy --------------------------------------------------- */
  --cta: #1d3d57;
  --cta-soft: #e9f1f7;
  --cta-line: #bbd3e6;

  --warn: #7d5727;
  --warn-soft: #fff9eb;
  --warn-line: #e6d3ad;

  --danger: #b3261e;
  --danger-soft: #fdecea;
  --danger-line: #f2c2be;

  --warning: #a86a08;
  --success: #367d1d;

  /* --- Text na barevném podkladu ----------------------------------------- */
  --on-brand: #ffffff;         /* text na plné zelené */
  --on-lime: #163615;          /* text na limetce – tmavý, kvůli kontrastu */
  --on-sun: #4a3708;

  /* --- Osy SketchUpu (nikdy neměnit, drží se konvence aplikace) ---------- */
  --axis-x: #d81b45;
  --axis-y: #12833f;
  --axis-z: #1e57cc;
  --axis-perp: #7e2bbf;

  /* --- Terminál pro Ruby kód a JSON (zůstává tmavý v obou režimech) ------ */
  --code-bg: #101c12;
  --code-ink: #ddf2de;
  --code-accent: #78e882;
  --code-lime: #d6f74a;
  --code-sun: #fae669;
  --code-muted: #749177;
  --code-line: #223a26;

  /* --- Typografie -------------------------------------------------------- */
  --font-head: "Outfit", -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", Menlo, Monaco, Consolas, "Fira Code", monospace;

  /* --- Geometrie --------------------------------------------------------- */
  --radius-lg: 12px;
  --radius: 8px;
  --radius-md: 10px;
  --radius-sm: 5px;
  --radius-full: 9999px;
  --gap: 8px;

  --shadow-sm: 0 1px 4px rgba(22, 54, 21, 0.06);
  --shadow-md: 0 4px 18px rgba(22, 54, 21, 0.09);
  --shadow-lg: 0 14px 36px rgba(22, 54, 21, 0.13);
  --shadow-glow: 0 0 20px rgba(186, 230, 41, 0.35);

  --transition: all 0.18s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-slow: all 0.32s cubic-bezier(0.16, 1, 0.3, 1);

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --rail-width: 275px;
  --max-width: 1360px;
}

/* ==========================================================================
   TMAVÝ REŽIM — pro práci v dílně a po setmění.
   Zapíná se třídou `theme-dark`; mění se jen povrchy, text a linky,
   značkové barvy se rozjasní, aby na tmavém podkladu držely kontrast.
   ========================================================================== */
.theme-dark {
  --ink: #f0f7ee;
  --ink-secondary: #c8ddc5;
  --muted: #9ab896;

  --line: rgba(255, 255, 255, 0.14);
  --line-light: rgba(255, 255, 255, 0.08);

  --paper: #345530;
  --wash: rgba(255, 255, 255, 0.06);
  --wash-alt: rgba(255, 255, 255, 0.09);
  --surface-deep: #2a4a22;
  --surface-base: #345530;
  --surface-card: rgba(255, 255, 255, 0.07);
  --surface-card-hover: rgba(255, 255, 255, 0.12);
  --surface-elevated: rgba(255, 255, 255, 0.09);
  --surface-input: rgba(0, 0, 0, 0.20);

  --brand: #4ca82e;
  --brand-mid: #5fbe3a;
  --brand-bright: #78d44e;
  --brand-soft: rgba(76, 168, 46, 0.18);
  --brand-mid-line: rgba(76, 168, 46, 0.35);

  --lime: #a8d01a;
  --lime-mid: #bee629;
  --lime-bright: #d6f74a;
  --lime-soft: rgba(190, 230, 41, 0.14);
  --lime-line: rgba(190, 230, 41, 0.28);

  --sun: #eec41e;
  --sun-mid: #fae45c;
  --sun-bright: #fdf09a;
  --sun-soft: rgba(238, 196, 30, 0.14);
  --sun-line: rgba(238, 196, 30, 0.28);

  --deep: #f0f7ee;
  --deep-alt: #1a3518;

  --cta: #7cb8e6;
  --cta-soft: rgba(91, 159, 212, 0.16);
  --cta-line: rgba(91, 159, 212, 0.32);

  --warn: #eec41e;
  --warn-soft: rgba(238, 196, 30, 0.14);
  --warn-line: rgba(238, 196, 30, 0.28);

  --danger: #ff6b60;
  --danger-soft: rgba(239, 68, 68, 0.16);
  --danger-line: rgba(239, 68, 68, 0.32);

  --warning: #f0b429;
  --success: #78d44e;

  --on-brand: #ffffff;
  --on-lime: #12280f;
  --on-sun: #2a1f04;

  --axis-x: #f2496f;
  --axis-y: #3fca6b;
  --axis-z: #5b8bf0;
  --axis-perp: #b06be0;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.28);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.34);
  --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.42);
  --shadow-glow: 0 0 20px rgba(190, 230, 41, 0.28);
}