/* DINO Design System v2.0 — production token layer.
   Záměrně neobsahuje globální reset ani playground komponenty. */
:root {
    --dino-bg: #f8fbff;
    --dino-bg-ambient: radial-gradient(ellipse 62% 48% at 15% 5%, rgba(148,203,255,.25), transparent 68%), radial-gradient(ellipse 52% 44% at 84% 10%, rgba(198,181,255,.20), transparent 72%), linear-gradient(145deg,#fbfdff 0%,#f3f8ff 52%,#faf9ff 100%);
    --dino-surface-primary: rgba(252,254,255,.74);
    --dino-surface-glass: rgba(247,251,255,.48);
    --dino-surface-solid: #fcfeff;
    --dino-surface-soft: rgba(225,238,255,.68);
    --dino-border: rgba(86,126,182,.16);
    --dino-divider: rgba(73,111,164,.10);
    --dino-text-primary: #122039;
    --dino-text-secondary: #53627a;
    --dino-text-muted: #7b8799;
    --dino-blue: #176bff;
    --dino-blue-strong: #0755d9;
    --dino-blue-soft: rgba(213,230,255,.72);
    --dino-violet: #7758e8;
    --dino-violet-soft: rgba(233,226,255,.74);
    --dino-mint: #17a876;
    --dino-warning: #d97706;
    --dino-warning-soft: #fff4dc;
    --dino-danger: #dc3f4f;
    --dino-shadow-1: 0 1px 1px rgba(26,60,104,.035), 0 12px 34px rgba(58,97,150,.065);
    --dino-shadow-2: 0 30px 90px rgba(54,91,143,.12), 0 4px 20px rgba(89,130,188,.05);
    --dino-radius-sm: 10px;
    --dino-radius-md: 16px;
    --dino-radius-lg: 24px;
    --dino-radius-xl: 32px;
    --dino-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html[data-theme="dark"] {
    --dino-bg: #08111f;
    --dino-surface-primary: rgba(15,28,48,.8);
    --dino-surface-glass: rgba(20,36,60,.62);
    --dino-surface-solid: #111d30;
    --dino-surface-soft: #14243b;
    --dino-border: rgba(195,216,247,.14);
    --dino-divider: rgba(195,216,247,.1);
    --dino-text-primary: #f3f7ff;
    --dino-text-secondary: #b4c1d4;
    --dino-text-muted: #8290a5;
    --dino-blue: #69a0ff;
    --dino-blue-strong: #8ab5ff;
    --dino-blue-soft: rgba(72,129,226,.18);
    --dino-violet: #a890ff;
    --dino-violet-soft: rgba(119,88,232,.18);
    --dino-mint: #55d5a5;
    --dino-warning: #f5ad42;
    --dino-warning-soft: rgba(217,119,6,.17);
    --dino-danger: #ff7885;
    --dino-shadow-1: 0 8px 26px rgba(0,0,0,.2);
    --dino-shadow-2: 0 28px 70px rgba(0,0,0,.34);
}