/**
 * SysKit.ru Личный Кабинет - Темы оформления (Темная Espresso и Светлая Ivory)
 */

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/assets/fonts/Inter-Regular.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/assets/fonts/Inter-Medium.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/assets/fonts/Inter-SemiBold.woff2') format('woff2');
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('/assets/fonts/Inter-Bold.woff2') format('woff2');
}

@font-face {
    font-family: 'JetBrains Mono';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/assets/fonts/JetBrainsMono-Medium.woff2') format('woff2');
}

:root {
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', monospace;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-smooth: 350ms cubic-bezier(0.16, 1, 0.3, 1);

    --sidebar-width: 260px;
    --header-height: 64px;
}

/* ==========================================================================
   ТЁМНАЯ ТЕМА (Dark Espresso / Warm Chocolate) - По умолчанию
   ========================================================================== */
:root, [data-theme="dark"], :root:not([data-theme="light"]) {
    --bg-body: #17120D;
    --bg-surface: #221A12;
    --bg-surface-elevated: #2C2218;
    --bg-card: #261D15;
    --bg-card-hover: #33271D;
    --bg-input: #140E09;
    --bg-modal: rgba(23, 18, 13, 0.94);
    --bg-badge: rgba(229, 142, 58, 0.15);
    --bg-glass: rgba(34, 26, 18, 0.92);

    --border-color: rgba(255, 240, 220, 0.12);
    --border-card: rgba(255, 240, 220, 0.08);
    --border-hover: rgba(229, 142, 58, 0.5);
    --border-focus: #E58E3A;

    --text-primary: #FFFFFF;
    --text-secondary: #EADBC8;
    --text-muted: #B8A793;
    --text-inverse: #17120D;

    --primary: #E58E3A;
    --primary-hover: #F09B48;
    --primary-light: rgba(229, 142, 58, 0.15);
    --primary-glow: 0 0 20px rgba(229, 142, 58, 0.3);

    --btn-primary-bg: #BA4D00;
    --btn-primary-hover: #C45100;
    --btn-primary-color: #FFFFFF;

    --accent: #E07A28;
    --accent-light: rgba(224, 122, 40, 0.15);

    --success: #48BB78;
    --success-bg: rgba(72, 187, 120, 0.16);
    --success-border: rgba(72, 187, 120, 0.35);

    --warning: #ED8936;
    --warning-bg: rgba(237, 137, 54, 0.16);
    --warning-border: rgba(237, 137, 54, 0.35);

    --danger: #FF4D4D;
    --danger-bg: rgba(255, 77, 77, 0.16);
    --danger-border: rgba(255, 77, 77, 0.35);

    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 14px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 25px -3px rgba(0, 0, 0, 0.6);
    --shadow-card: 0 4px 20px -2px rgba(0, 0, 0, 0.45);

    --code-bg: #100C08;
    --scrollbar-thumb: #3D2F22;
    --scrollbar-hover: #544130;
}

/* ==========================================================================
   СВЕТЛАЯ ТЕМА (Light Cream / Warm Ivory)
   ========================================================================== */
[data-theme="light"] {
    --bg-body: #F7F3E9;
    --bg-surface: #FFFFFF;
    --bg-surface-elevated: #EFE8D8;
    --bg-card: #FFFFFF;
    --bg-card-hover: #FFF9EE;
    --bg-input: #FFFFFF;
    --bg-modal: rgba(247, 243, 233, 0.94);
    --bg-badge: rgba(186, 77, 0, 0.10);
    --bg-glass: rgba(255, 255, 255, 0.92);

    --border-color: #DFD5C0;
    --border-card: #E5DCC9;
    --border-hover: rgba(186, 77, 0, 0.4);
    --border-focus: #BA4D00;

    --text-primary: #14100C;
    --text-secondary: #4A3E31;
    --text-muted: #7D6B58;
    --text-inverse: #FFFFFF;

    --primary: #BA4D00;
    --primary-hover: #9E3F00;
    --primary-light: rgba(186, 77, 0, 0.12);
    --primary-glow: 0 0 18px rgba(186, 77, 0, 0.2);

    --btn-primary-bg: #BA4D00;
    --btn-primary-hover: #9E3F00;
    --btn-primary-color: #FFFFFF;

    --accent: #BA4D00;
    --accent-light: rgba(186, 77, 0, 0.12);

    --success: #2E7D32;
    --success-bg: rgba(46, 125, 50, 0.12);
    --success-border: rgba(46, 125, 50, 0.3);

    --warning: #D97706;
    --warning-bg: rgba(217, 119, 6, 0.12);
    --warning-border: rgba(217, 119, 6, 0.3);

    --danger: #DC2626;
    --danger-bg: rgba(220, 38, 38, 0.12);
    --danger-border: rgba(220, 38, 38, 0.3);

    --shadow-sm: 0 1px 3px 0 rgba(140, 115, 90, 0.12);
    --shadow-md: 0 4px 12px -1px rgba(140, 115, 90, 0.16);
    --shadow-lg: 0 10px 24px -3px rgba(140, 115, 90, 0.2);
    --shadow-card: 0 2px 10px rgba(140, 115, 90, 0.08);

    --code-bg: #EFE8D8;
    --scrollbar-thumb: #D3C4B0;
    --scrollbar-hover: #BAA993;
}