/* ============================================================ KWP Brand — Light theme barvy Verze: 1.0 Použít v nebo jako default (bez data-theme). ============================================================ */ :root, [data-theme="light"] { /* Brand primary (tmavá modrá) ------------------------------- */ --kwp-primary: #1A2050; /* hlavní brand */ --kwp-primary-light: #3A4080; /* hover, sekundární brand */ --kwp-primary-dark: #0F1535; /* tlačítka pressed, hlavičky */ --kwp-primary-50: #F0F1F8; /* nejjemnější pozadí */ --kwp-primary-100: #D6D9EC; --kwp-primary-200: #A8AED4; --kwp-primary-500: #1A2050; --kwp-primary-700: #0F1535; --kwp-primary-900: #070A20; /* Accent (KARAT zelená, Pantone 583) ----------------------- */ --kwp-accent: #87AC3D; --kwp-accent-light: #9DBE5C; --kwp-accent-dark: #6B8B30; --kwp-accent-50: #F3F8E5; --kwp-accent-100: #E1EDC2; --kwp-accent-500: #87AC3D; --kwp-accent-700: #6B8B30; --kwp-accent-900: #455C1F; /* Pozadí a povrchy ------------------------------------------ */ --kwp-bg: #F8FAFC; /* hlavní pozadí stránky */ --kwp-bg-elevated: #FFFFFF; /* karty, dialogy nad pozadím */ --kwp-surface: #FFFFFF; /* karty */ --kwp-surface-hover: #F1F5F9; /* hover na kartu */ --kwp-surface-active: #E2E8F0; /* active/selected */ /* Hranice (border) ------------------------------------------ */ --kwp-border: #E2E8F0; --kwp-border-strong: #CBD5E1; --kwp-border-subtle: #F1F5F9; /* Text ------------------------------------------------------ */ --kwp-text: #0F172A; /* hlavní text */ --kwp-text-muted: #64748B; /* sekundární */ --kwp-text-subtle: #94A3B8; /* placeholder, popisky */ --kwp-text-on-primary: #FFFFFF; /* text na primary backgroundu */ --kwp-text-on-accent: #FFFFFF; /* text na accent backgroundu */ --kwp-text-link: #1A2050; --kwp-text-link-hover: #87AC3D; /* Sémantické (semafory) ------------------------------------- */ --kwp-success: #16A34A; --kwp-success-bg: #DCFCE7; --kwp-warning: #F59E0B; --kwp-warning-bg: #FEF3C7; --kwp-danger: #DC2626; --kwp-danger-bg: #FEE2E2; --kwp-info: #0EA5E9; --kwp-info-bg: #E0F2FE; /* Stínování pro tlačítka a karty (light) -------------------- */ --kwp-focus-ring: rgba(135, 172, 61, 0.35); /* zelený focus ring */ }