/* HacEsim Agency Panel - Design Tokens (Light Mode) */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Primary - Islamic Gold */
    --primary: #D9AA1E;
    --primary-dark: #B8901A;
    --primary-light: #E6C04A;
    --primary-glow: rgba(217, 170, 30, 0.25);
    --primary-subtle: rgba(217, 170, 30, 0.08);

    /* Backgrounds */
    --bg-primary: #FDF7E7;
    --bg-secondary: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-surface: #FAF3DC;
    --bg-input: #FFFFFF;
    --bg-hover: #FAF0D0;

    /* Text */
    --text-primary: #1A1A1A;
    --text-secondary: #4A4A4A;
    --text-muted: #7A7A7A;
    --text-on-primary: #FFFFFF;

    /* Borders */
    --border: #E8DFC0;
    --border-light: #F0E8D0;
    --border-focus: #D9AA1E;

    /* Status */
    --success: #00C853;
    --error: #FF5252;
    --warning: #FFB300;
    --info: #2196F3;

    /* Shadows */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.10);
    --shadow-xl: 0 20px 50px rgba(0, 0, 0, 0.12);
    --shadow-gold: 0 4px 16px rgba(217, 170, 30, 0.2);

    /* Radius */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Transitions */
    --transition: all 0.2s ease;
    --transition-slow: all 0.3s ease;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Scrollbar Styling */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--bg-primary);
}

::-webkit-scrollbar-thumb {
    background: var(--border);
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary);
}