/* GüzelX tema ve tipografi değişkenleri */

@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./fonts/titillium-web-latin-ext-400-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: url("./fonts/titillium-web-latin-400-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("./fonts/titillium-web-latin-ext-600-normal.woff2") format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
    font-family: "Titillium Web";
    font-style: normal;
    font-display: swap;
    font-weight: 600;
    src: url("./fonts/titillium-web-latin-600-normal.woff2") format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root,
[data-bs-theme="light"] {
    --gx-font-family: "Titillium Web", sans-serif;
    --gx-font-weight-regular: 400;
    --gx-font-weight-semibold: 600;
    --bs-body-font-family: var(--gx-font-family);
    --bs-body-font-weight: var(--gx-font-weight-regular);
    --gx-pink: #FF6B9D;
    --gx-purple: #7B5CFF;
    --gx-blue: #5B8CFF;
    --gx-green: #45C98A;
    --gx-yellow: #FFD166;
    --gx-orange: #FF8A5B;
    --gx-red: #F04455;
    --gx-dark: #23262F;
    --gx-gray: #7B8491;
    --gx-light: #F2F4F7;
    --gx-accent: var(--gx-purple);
    --gx-accent-hover: #6449E8;
    --gx-accent-contrast: #FFFFFF;
    --gx-focus-ring: color-mix(in srgb, var(--gx-accent) 35%, transparent);
    --gx-bg: var(--gx-light);
    --gx-surface: #FFFFFF;
    --gx-surface-secondary: #E9ECF1;
    --gx-text: var(--gx-dark);
    --gx-text-muted: var(--gx-gray);
    --gx-border: #DDE1E7;
    --gx-sidebar-bg: var(--gx-dark);
    --gx-sidebar-text: var(--gx-light);
    --gx-sidebar-hover: color-mix(in srgb, var(--gx-accent) 18%, transparent);
    --gx-header-bg: var(--gx-surface);
    --gx-shadow: 0 3px 12px rgba(35, 38, 47, .08);
    --app-bg: var(--gx-bg);
    --app-surface: var(--gx-surface);
    --app-surface-muted: var(--gx-surface-secondary);
    --app-border: var(--gx-border);
    --app-text: var(--gx-text);
    --app-text-muted: var(--gx-text-muted);
    --app-primary: var(--gx-accent);
    --app-primary-hover: var(--gx-accent-hover);
    --app-sidebar-bg: var(--gx-sidebar-bg);
    --app-topbar-bg: var(--gx-header-bg);
    --app-hover-bg: var(--gx-sidebar-hover);
    --app-shadow: var(--gx-shadow);
    --bs-body-bg: var(--gx-bg);
    --bs-body-color: var(--gx-text);
    --bs-secondary-color: var(--gx-text-muted);
    --bs-border-color: var(--gx-border);
    --bs-link-color: var(--gx-accent);
    --bs-link-hover-color: var(--gx-accent-hover);
    --bs-primary: var(--gx-accent);
    --bs-focus-ring-color: var(--gx-focus-ring);
}

[data-gx-accent="purple"] {
    --gx-accent: var(--gx-purple);
    --gx-accent-hover: #6449E8;
    --gx-accent-contrast: #FFFFFF;
    --bs-primary-rgb: 123, 92, 255;
    --bs-link-color-rgb: 123, 92, 255;
    --bs-link-hover-color-rgb: 100, 73, 232;
}

[data-gx-accent="pink"] {
    --gx-accent: var(--gx-pink);
    --gx-accent-hover: #E65485;
    --gx-accent-contrast: #FFFFFF;
    --bs-primary-rgb: 255, 107, 157;
    --bs-link-color-rgb: 255, 107, 157;
    --bs-link-hover-color-rgb: 230, 84, 133;
}

[data-gx-accent="blue"] { --gx-accent: var(--gx-blue); --gx-accent-hover: #3F70D8; --gx-accent-contrast: #FFFFFF; --bs-primary-rgb: 91, 140, 255; --bs-link-color-rgb: 91, 140, 255; --bs-link-hover-color-rgb: 63, 112, 216; }
[data-gx-accent="green"] { --gx-accent: var(--gx-green); --gx-accent-hover: #2FA873; --gx-accent-contrast: #FFFFFF; --bs-primary-rgb: 69, 201, 138; --bs-link-color-rgb: 69, 201, 138; --bs-link-hover-color-rgb: 47, 168, 115; }
[data-gx-accent="yellow"] { --gx-accent: var(--gx-yellow); --gx-accent-hover: #D9A83D; --gx-accent-contrast: #23262F; --bs-primary-rgb: 255, 209, 102; --bs-link-color-rgb: 255, 209, 102; --bs-link-hover-color-rgb: 217, 168, 61; }
[data-gx-accent="orange"] { --gx-accent: var(--gx-orange); --gx-accent-hover: #E66E45; --gx-accent-contrast: #FFFFFF; --bs-primary-rgb: 255, 138, 91; --bs-link-color-rgb: 255, 138, 91; --bs-link-hover-color-rgb: 230, 110, 69; }
[data-gx-accent="red"] { --gx-accent: var(--gx-red); --gx-accent-hover: #D73547; --gx-accent-contrast: #FFFFFF; --bs-primary-rgb: 240, 68, 85; --bs-link-color-rgb: 240, 68, 85; --bs-link-hover-color-rgb: 215, 53, 71; }

[data-bs-theme="dark"] {
    --gx-bg: #1A1C24;
    --gx-surface: #262934;
    --gx-surface-secondary: #30333F;
    --gx-text: #F2F4F7;
    --gx-text-muted: #B3B8C2;
    --gx-border: #424652;
    --gx-sidebar-bg: #181A22;
    --gx-sidebar-text: #E8EAF0;
    --gx-sidebar-hover: color-mix(in srgb, var(--gx-accent) 24%, transparent);
    --gx-header-bg: #22252F;
    --gx-shadow: 0 3px 14px rgba(0, 0, 0, .28);
}