/**

 * Design tokens – Generali.hu brand (navy + red + white)

 * Loaded after style.css; overrides legacy variables.

 */



:root,

[data-theme="light"] {

    color-scheme: light;



    /* Brand – navy (struktúra, szöveg, linkek) + red (CTA, akcentus) */

    --color-primary: #0A1660;

    --color-primary-dark: #060d3d;

    --color-primary-light: #2d3a9f;

    --color-primary-variant: #EF2B33;

    --color-accent: #EF2B33;

    --color-accent-dark: #C8102E;

    --color-accent-hover: #D4252C;

    --color-accent-light: #f2555c;

    --color-accent-muted: rgba(239, 43, 51, 0.12);



    /* Generali.hu alias tokenek */

    --generali-red: #EF2B33;

    --generali-red-dark: #C8102E;

    --generali-red-hover: #D4252C;

    --generali-red-muted: rgba(239, 43, 51, 0.12);

    --generali-red-border: rgba(239, 43, 51, 0.32);

    --generali-navy: #0A1660;

    --generali-navy-light: #2d3a9f;

    --generali-navy-muted: rgba(10, 22, 96, 0.08);

    --generali-navy-border: rgba(10, 22, 96, 0.22);

    --generali-success: #16a34a;

    --generali-success-dark: #15803d;

    --generali-success-muted: rgba(22, 163, 74, 0.12);

    --generali-success-border: rgba(22, 163, 74, 0.28);

    /* Saját jelentkezés – citromsárga (külön a „lezárva” pirostól) */
    --generali-booked: #F5D000;

    --generali-booked-dark: #D4B000;

    --generali-booked-muted: rgba(245, 208, 0, 0.22);

    --generali-booked-border: rgba(196, 160, 0, 0.55);

    --generali-booked-on: #3d3200;



    /* Surfaces */

    --color-bg-primary: #ffffff;

    --color-bg-secondary: #f7f8fa;

    --color-bg-tertiary: #eef0f4;

    --color-bg-header: rgba(255, 255, 255, 0.92);

    --color-bg-footer: #C8102E;



    --surface-base: #f7f8fa;

    --surface-raised: #ffffff;

    --surface-overlay: rgba(255, 255, 255, 0.78);

    --surface-glass: rgba(255, 255, 255, 0.72);

    --surface-glass-strong: rgba(255, 255, 255, 0.92);

    --surface-glass-border: rgba(10, 22, 96, 0.08);

    --surface-muted: rgba(10, 22, 96, 0.04);



    /* Text */

    --color-text-primary: #0f1117;

    --color-text-secondary: #5c6370;

    --color-text-tertiary: #8b919c;

    --color-text-inverse: #ffffff;

    --color-text-link: var(--generali-navy);

    --color-text-link-hover: var(--generali-red);



    /* Borders & shadows */

    --border-color: rgba(15, 17, 23, 0.08);

    --border-color-strong: rgba(15, 17, 23, 0.14);

    --border-radius-sm: 8px;

    --border-radius-md: 12px;

    --border-radius-lg: 16px;

    --border-radius-xl: 20px;

    --shadow-sm: 0 1px 2px rgba(15, 17, 23, 0.04);

    --shadow-md: 0 4px 16px rgba(15, 17, 23, 0.06), 0 1px 3px rgba(15, 17, 23, 0.04);

    --shadow-lg: 0 12px 40px rgba(15, 17, 23, 0.08), 0 4px 12px rgba(15, 17, 23, 0.04);

    --shadow-xl: 0 24px 64px rgba(15, 17, 23, 0.12);

    --shadow-glow: 0 0 0 1px rgba(239, 43, 51, 0.15), 0 8px 32px rgba(239, 43, 51, 0.12);



    /* Glass */

    --blur-glass: 20px;

    --blur-glass-lg: 32px;



    /* Typography */

    --font-family-primary: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;

    --font-family-display: 'Roboto', var(--font-family-primary);

    --letter-spacing-tight: -0.025em;

    --letter-spacing-heading: -0.03em;



    /* Motion */

    --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);

    --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);

    --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

    --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);



    /* Layout */

    --container-max-width: 1280px;

    --header-height: 64px;

    --content-padding-x: clamp(1rem, 4vw, 2rem);

    --content-padding-y: clamp(1.5rem, 4vw, 3rem);



    /* Status (semantic – success marad zöld) */

    --color-success: #16a34a;

    --color-warning: #d97706;

    --color-error: #EF2B33;

    --color-info: #0A1660;



    /* Mesh background */

    --bg-mesh-1: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(239, 43, 51, 0.08), transparent 50%);

    --bg-mesh-2: radial-gradient(ellipse 60% 40% at 90% 10%, rgba(10, 22, 96, 0.06), transparent 45%);

    --bg-mesh-3: radial-gradient(ellipse 50% 30% at 50% 100%, rgba(10, 22, 96, 0.05), transparent 50%);



    --scrollbar-track-color: #eef0f4;

    --scrollbar-thumb-color: #c4c8d0;

    --scrollbar-thumb-hover-color: #9ca3af;



    /* Profile & sport experience */

    --profile-hero-gradient: linear-gradient(135deg, #060d3d 0%, #0a1660 45%, #2d3a9f 100%);

    --sport-hero-gradient: linear-gradient(125deg, #0a1660 0%, #1e2878 55%, #2d3a9f 100%);

    --profile-cta-gradient: linear-gradient(135deg, #EF2B33 0%, #C8102E 100%);

    --profile-shine: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.35) 50%, transparent 60%);

    --profile-card-glow: 0 0 0 1px rgba(10, 22, 96, 0.1), 0 20px 50px -12px rgba(10, 22, 96, 0.16);

    --sport-card-glow: 0 0 0 1px rgba(239, 43, 51, 0.12), 0 24px 60px -16px rgba(10, 22, 96, 0.18);

    --border-radius-2xl: 24px;

    --border-radius-3xl: 32px;

}



[data-theme="dark"] {

    color-scheme: dark;



    --color-primary: #b8c0ff;

    --color-primary-dark: #9aa8ff;

    --color-primary-light: #d4d9ff;

    --color-primary-variant: #f2555c;

    --color-accent: #f2555c;

    --color-accent-dark: #EF2B33;

    --color-accent-hover: #ff6b72;

    --color-accent-light: #ff8a90;

    --color-accent-muted: rgba(242, 85, 92, 0.16);



    --generali-red: #f2555c;

    --generali-red-dark: #EF2B33;

    --generali-red-hover: #ff6b72;

    --generali-red-muted: rgba(242, 85, 92, 0.18);

    --generali-red-border: rgba(242, 85, 92, 0.38);

    --generali-navy: #9aa8ff;

    --generali-navy-light: #b8c0ff;

    --generali-navy-muted: rgba(154, 168, 255, 0.12);

    --generali-navy-border: rgba(154, 168, 255, 0.28);

    --generali-success: #4ade80;

    --generali-success-dark: #22c55e;

    --generali-success-muted: rgba(74, 222, 128, 0.14);

    --generali-success-border: rgba(74, 222, 128, 0.32);

    /* Saját jelentkezés – citromsárga (külön a „lezárva” pirostól) */
    --generali-booked: #F6DE2E;

    --generali-booked-dark: #E6C200;

    --generali-booked-muted: rgba(246, 222, 46, 0.22);

    --generali-booked-border: rgba(230, 194, 0, 0.5);

    --generali-booked-on: #3d3200;



    --color-bg-primary: #16161d;

    --color-bg-secondary: #0c0c10;

    --color-bg-tertiary: #22222c;

    --color-bg-header: rgba(12, 12, 16, 0.88);

    --color-bg-footer: #5a1018;



    --surface-base: #0c0c10;

    --surface-raised: #16161d;

    --surface-overlay: rgba(22, 22, 29, 0.85);

    --surface-glass: rgba(22, 22, 29, 0.65);

    --surface-glass-strong: rgba(22, 22, 29, 0.92);

    --surface-glass-border: rgba(255, 255, 255, 0.08);

    --surface-muted: rgba(255, 255, 255, 0.04);



    --color-text-primary: #f4f4f5;

    --color-text-secondary: #a1a1aa;

    --color-text-tertiary: #71717a;

    --color-text-inverse: #0c0c10;

    --color-text-link: #b8c0ff;

    --color-text-link-hover: #f2555c;



    --border-color: rgba(255, 255, 255, 0.08);

    --border-color-strong: rgba(255, 255, 255, 0.14);



    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);

    --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.35);

    --shadow-lg: 0 12px 48px rgba(0, 0, 0, 0.45);

    --shadow-xl: 0 24px 72px rgba(0, 0, 0, 0.55);

    --shadow-glow: 0 0 0 1px rgba(242, 85, 92, 0.22), 0 8px 32px rgba(242, 85, 92, 0.15);



    --bg-mesh-1: radial-gradient(ellipse 80% 50% at 20% -10%, rgba(242, 85, 92, 0.12), transparent 50%);

    --bg-mesh-2: radial-gradient(ellipse 60% 40% at 90% 10%, rgba(154, 168, 255, 0.08), transparent 45%);

    --bg-mesh-3: radial-gradient(ellipse 50% 30% at 50% 100%, rgba(10, 22, 96, 0.12), transparent 50%);



    --scrollbar-track-color: #16161d;

    --scrollbar-thumb-color: #3f3f46;

    --scrollbar-thumb-hover-color: #52525b;



    --profile-hero-gradient: linear-gradient(135deg, #060d3d 0%, #0a1660 50%, #1e2878 100%);

    --sport-hero-gradient: linear-gradient(125deg, #060d3d 0%, #0a1660 55%, #2d3a9f 100%);

    --profile-cta-gradient: linear-gradient(135deg, #f2555c 0%, #EF2B33 100%);

    --profile-card-glow: 0 0 0 1px rgba(154, 168, 255, 0.18), 0 24px 60px -12px rgba(0, 0, 0, 0.5);

    --sport-card-glow: 0 0 0 1px rgba(242, 85, 92, 0.2), 0 28px 70px -16px rgba(0, 0, 0, 0.55);

}