/* variables.css - Extracted from inline <style> | 2026-03-11 | BB */

/* ========== VARIABLES ========== */
:root {
    --bg-dark: #2D2D2D;
    --bg-darker: #1A1A1A;
    --bg-light: #F5F5F5;
    --bg-white: #FFFFFF;
    --text-dark: #333333;
    --text-muted: #5A6270;
    --text-light: #9CA3AF;
    --border-color: #E5E7EB;
    --border-dark: #404040;

    /* Badge Colors from screenshot */
    --green-primary: #22C55E;
    --green-dark: #16A34A;
    --gray-badge: #9CA3AF;
    --yellow-badge: #EAB308;
    --yellow-light: #FEF3C7;
    --orange-badge: #F97316;
    --orange-light: #FFEDD5;
    --teal-badge: #14B8A6;
    --blue-badge: #60A5FA;
    --red-badge: #EF4444;
    --purple-badge: #8B5CF6;
    --blue-primary: #3B82F6;
    --amber-badge: #F59E0B;
    --green-emerald: #10B981;
    --indigo-badge: #6366F1;
    --pink-badge: #EC4899;
    --green-light: #4ADE80;
    --red-light: #F87171;
    --amber-light-text: #FDE68A;

    /* Summary box colors */
    --straight-bg: #FEF3C7;
    --straight-border: #FCD34D;
    --regular-bg: #BBF7D0;
    --regular-border: #22C55E;
    --timeoff-bg: #FED7AA;
    --timeoff-border: #FB923C;
    --overtime-bg: #FECACA;
    --overtime-border: #F87171;
    --totalhours-bg: #E5E7EB;
    --totalhours-border: #9CA3AF;
    --breaks-bg: #D1FAE5;
    --breaks-border: #34D399;
    --mileage-bg: #E0E7FF;
    --mileage-border: #818CF8;

    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.1);
    --radius-sm: 4px;
    --radius-md: 6px;
    --radius-lg: 8px;
}


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

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    background: var(--bg-light);
    color: var(--text-dark);
    font-size: 13px;
    line-height: 1.4;
}