/* ==========================================================
   SEPTIMA CSS - variables.css
   Export ze Style Editoru v1.4
   ========================================================== */

:root {
    /* TYPOGRAFIE */
    --font-family-serif: Georgia, "Times New Roman", serif;
    --font-family-mono: Consolas, "Courier New", monospace;
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size: 14px;
    --line-height: 1.5;

    /* BARVY - ZNAČKA */
    --primary: #2563eb;
    --secondary: #64748b;

    /* BARVY - PLOCHY */
    --background: #ffffff;
    --surface: #f8fafc;
    --surface-alt: #eef2f7;

    /* BARVY - TEXT */
    --text: #111827;
    --text-muted: #64748b;

    /* NAVIGACE */
    --navigation-bg: #e8eef4;
    --navigation-text: #004080;
    --navigation-hover-bg: #004080;
    --navigation-hover-text: #d9d9ff;

    /* PATIČKA */
    --footer-bg: #004080;
    --footer-text: #64748b;
    --footer-link: #cee7ff;
    --footer-link-hover: #ff0000;

    /* BARVY - OHRANIČENÍ */
    --border: #d1d5db;

    /* ODVOZENÉ BARVY */
    --surface-muted: var(--surface-alt);
    --text-inverted: #ffffff;
    --primary-soft: #e0e9fc;
    --primary-dark: #184099;
    --success-soft: #def2e6;
    --success-dark: #0e6a30;
    --warning-soft: #faecdc;
    --warning-dark: #8d4d04;
    --danger-soft: #fae1e1;
    --danger-dark: #8f1919;
    --info-soft: #dcf0f4;
    --info-dark: #055e74;

    /* TABULKY */
    --table-row-hover: color-mix(in srgb, var(--primary) 10%, var(--surface));
    --table-row-active: color-mix(in srgb, var(--primary) 18%, var(--surface));
    --table-row-active-text: inherit;
    --table-row-hover-text: inherit;
    --table-row-accent: var(--primary);
    --table-row-zebra: #f4f7fa;

    /* TVARY */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius: 4px;

    /* STÍNY */
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, .10);
    --shadow: 0 6px 18px rgba(0, 0, 0, .16);
    --shadow-lg: 0 16px 32px rgba(0, 0, 0, .24);

    /* ROZESTUPY */
    --space-xs: .15rem;
    --space-sm: .35rem;
    --space-md: .55rem;
    --space-lg: .75rem;
    --space-xl: .9rem;

    /* LAYOUT */
    --container-width: 1200px;
    --content-width: 800px;

    /* PŘÍSTUPNOST */
    --focus-ring: 3px solid var(--primary);
}

:root[data-theme="dark"] {
    /* TYPOGRAFIE */
    --font-family-serif: Georgia, "Times New Roman", serif;
    --font-family-mono: Consolas, "Courier New", monospace;
    --font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-size: 14px;
    --line-height: 1.5;

    /* BARVY - ZNAČKA */
    --primary: #60a5fa;
    --secondary: #94a3b8;

    /* BARVY - PLOCHY */
    --background: #0f172a;
    --surface: #111827;
    --surface-alt: #1f2937;

    /* BARVY - TEXT */
    --text: #f8fafc;
    --text-muted: #94a3b8;

    /* NAVIGACE */
    --navigation-bg: #111827;
    --navigation-text: #f8fafc;
    --navigation-hover-bg: #1f2937;
    --navigation-hover-text: #ffffff;

    /* PATIČKA */
    --footer-bg: #111827;
    --footer-text: #cbd5e1;
    --footer-link: #93c5fd;
    --footer-link-hover: #ffffff;

    /* BARVY - OHRANIČENÍ */
    --border: #334155;

    /* ODVOZENÉ BARVY */
    --surface-muted: var(--surface-alt);
    --text-inverted: #ffffff;
    --primary-soft: #1a2b47;
    --primary-dark: #3e6ba3;
    --success-soft: #122f31;
    --success-dark: #16803d;
    --warning-soft: #2f2a26;
    --warning-dark: #9f6707;
    --danger-soft: #2e1d2e;
    --danger-dark: #9b2c2c;
    --info-soft: #0e2d42;
    --info-dark: #04768a;

    /* TABULKY */
    --table-row-hover: color-mix(in srgb, var(--primary) 10%, var(--surface));
    --table-row-active: color-mix(in srgb, var(--primary) 18%, var(--surface));
    --table-row-active-text: inherit;
    --table-row-hover-text: inherit;
    --table-row-accent: var(--primary);
    --table-row-zebra: #192332;

    /* TVARY */
    --radius-sm: 2px;
    --radius-md: 4px;
    --radius-lg: 8px;
    --radius: 4px;

    /* STÍNY */
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, .10);
    --shadow: 0 6px 18px rgba(0, 0, 0, .16);
    --shadow-lg: 0 16px 32px rgba(0, 0, 0, .24);

    /* ROZESTUPY */
    --space-xs: .15rem;
    --space-sm: .35rem;
    --space-md: .55rem;
    --space-lg: .75rem;
    --space-xl: .9rem;

    /* LAYOUT */
    --container-width: 1200px;
    --content-width: 800px;

    /* PŘÍSTUPNOST */
    --focus-ring: 3px solid var(--primary);
}