/**
 * ========================================
 * PLANOX THEME SYSTEM - Apple Inspired
 * ========================================
 * Modern, Clean, Responsive Design
 * Single Theme (Light Mode)
 */

:root {
    /* ==================== PRIMARY BRAND COLOR ==================== */
    --brand-primary: #FF6B6B;
    --brand-primary-50: #FFF5F5;
    --brand-primary-100: #FFE5E5;
    --brand-primary-200: #FFD1D1;
    --brand-primary-300: #FFADAD;
    --brand-primary-400: #FF8989;
    --brand-primary-500: #FF6B6B;
    --brand-primary-600: #E85555;
    --brand-primary-700: #D14040;
    --brand-primary-800: #B32E2E;
    --brand-primary-900: #8C2222;
    --brand-primary-light: #FFF5F5;
    --brand-primary-hover: #E85555;

    /* ==================== BACKGROUND COLORS ==================== */
    --bg-primary: #FFFFFF;
    --bg-secondary: #FAFAFA;
    --bg-elevated: #FFFFFF;
    --bg-subtle: #F5F5F5;
    --bg-muted: #EEEEEE;
    --bg-surface: #FFFFFF;

    /* ==================== TEXT COLORS ==================== */
    --text-primary: #1D1D1F;
    --text-secondary: #6E6E73;
    --text-tertiary: #86868B;
    --text-muted: #86868B;
    --text-disabled: #D2D2D7;
    --text-inverse: #FFFFFF;

    /* ==================== BORDER COLORS ==================== */
    --border-color: #D2D2D7;
    --border-light: #E5E5E5;
    --border-medium: #C4C4C6;
    --border-dark: #A1A1A6;

    /* ==================== SEMANTIC COLORS ==================== */
    /* Success - Green */
    --success: #10B981;
    --success-light: #ECFDF5;
    --success-bg: #ECFDF5;
    --success-border: #A7F3D0;
    --success-text: #065F46;
    --success-dark: #047857;
    --success-hover: #059669;

    /* Error - Red */
    --error: #EF4444;
    --error-light: #FEF2F2;
    --error-bg: #FEF2F2;
    --error-border: #FECACA;
    --error-text: #991B1B;
    --error-dark: #DC2626;
    --error-hover: #DC2626;

    /* Warning - Orange/Yellow */
    --warning: #F59E0B;
    --warning-light: #FFFBEB;
    --warning-bg: #FFFBEB;
    --warning-border: #FDE68A;
    --warning-text: #92400E;
    --warning-dark: #D97706;
    --warning-hover: #D97706;

    /* Info - Blue */
    --info: #3B82F6;
    --info-light: #EFF6FF;
    --info-bg: #EFF6FF;
    --info-border: #BFDBFE;
    --info-text: #1E40AF;
    --info-dark: #2563EB;
    --info-hover: #2563EB;

    /* ==================== INTERACTIVE STATES ==================== */
    --hover-bg: #F5F5F7;
    --active-bg: #E8E8ED;
    --focus-ring: rgba(255, 107, 107, 0.2);

    /* ==================== SHADOWS ==================== */
    --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04);
    --shadow-md: 0 4px 8px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 20px rgba(0, 0, 0, 0.1), 0 4px 8px rgba(0, 0, 0, 0.08);
    --shadow-xl: 0 20px 40px rgba(0, 0, 0, 0.12), 0 8px 16px rgba(0, 0, 0, 0.1);
    --shadow-2xl: 0 25px 50px rgba(0, 0, 0, 0.15), 0 10px 20px rgba(0, 0, 0, 0.12);
    --shadow-brand: rgba(255, 107, 107, 0.3);
    --shadow-primary: 0 8px 20px rgba(255, 107, 107, 0.3);

    /* ==================== OVERLAY ==================== */
    --overlay-light: rgba(255, 255, 255, 0.15);
    --overlay-dark: rgba(0, 0, 0, 0.5);

    /* ==================== COMPONENT SPECIFIC ==================== */
    /* Input & Forms */
    --input-bg: #FFFFFF;
    --input-border: #D2D2D7;
    --input-border-focus: var(--brand-primary);
    --input-text: var(--text-primary);
    --input-placeholder: var(--text-tertiary);

    /* Navbar & Navigation */
    --navbar-bg: rgba(255, 255, 255, 0.8);
    --navbar-text: var(--text-primary);
    --navbar-hover: var(--hover-bg);

    /* Sidebar */
    --sidebar-bg: var(--bg-primary);
    --sidebar-text: var(--text-primary);
    --sidebar-hover: var(--hover-bg);
    --sidebar-active: var(--brand-primary-light);

    /* ==================== SPACING ==================== */
    --spacing-xs: 0.25rem;   /* 4px */
    --spacing-sm: 0.5rem;    /* 8px */
    --spacing-md: 1rem;      /* 16px */
    --spacing-lg: 1.5rem;    /* 24px */
    --spacing-xl: 2rem;      /* 32px */
    --spacing-2xl: 3rem;     /* 48px */
    --spacing-3xl: 4rem;     /* 64px */

    /* ==================== BORDER RADIUS ==================== */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-2xl: 20px;
    --radius-3xl: 24px;
    --radius-full: 9999px;

    /* ==================== TRANSITIONS ==================== */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 200ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-theme: 200ms ease-in-out;

    /* ==================== TYPOGRAPHY ==================== */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'SF Mono', Monaco, 'Cascadia Code', 'Courier New', monospace;

    /* Font sizes */
    --text-xs: 0.75rem;      /* 12px */
    --text-sm: 0.875rem;     /* 14px */
    --text-base: 1rem;       /* 16px */
    --text-lg: 1.125rem;     /* 18px */
    --text-xl: 1.25rem;      /* 20px */
    --text-2xl: 1.5rem;      /* 24px */
    --text-3xl: 1.875rem;    /* 30px */
    --text-4xl: 2.25rem;     /* 36px */
    --text-5xl: 3rem;        /* 48px */

    /* Font weights */
    --weight-normal: 400;
    --weight-medium: 500;
    --weight-semibold: 600;
    --weight-bold: 700;

    /* ==================== Z-INDEX ==================== */
    --z-base: 0;
    --z-dropdown: 1000;
    --z-sticky: 1100;
    --z-fixed: 1200;
    --z-modal-backdrop: 1300;
    --z-modal: 1400;
    --z-popover: 1500;
    --z-tooltip: 1600;
}

/* ========================================
   BASE STYLES
   ======================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

body {
    font-family: var(--font-sans);
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    min-height: 100vh;
}

/* ========================================
   RESPONSIVE DESIGN
   ======================================== */

@media (max-width: 768px) {
    :root {
        --text-4xl: 1.875rem;   /* 30px */
        --text-3xl: 1.5rem;     /* 24px */
        --text-2xl: 1.25rem;    /* 20px */
    }
}

@media (max-width: 576px) {
    :root {
        --text-4xl: 1.5rem;     /* 24px */
        --text-3xl: 1.25rem;    /* 20px */
        --spacing-xl: 1.5rem;   /* 24px */
        --spacing-2xl: 2rem;    /* 32px */
    }
}

/* ========================================
   UTILITY CLASSES
   ======================================== */

.no-transition,
.no-transition * {
    transition: none !important;
}

/* ========================================
   DISABLE THEME TOGGLE
   ======================================== */

/* Hide any theme toggle buttons */
.theme-toggle,
button.theme-toggle,
[class*="theme-toggle"],
[aria-label*="Tema"],
[title*="Gece"],
[title*="Gündüz"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

/* Force light color scheme only */
:root {
    color-scheme: light;
}

html {
    color-scheme: light;
}