:root {
    /* Brand Colors extracted from design system */
    --color-primary: #f37021;        /* Primary Orange */
    --color-primary-hover: #e06015;  /* Primary Orange Hover */
    --color-primary-light: #fff7ed;  /* Light Orange Tint */
    --color-primary-border: #fed7aa; /* Light Orange Border */

    --color-navy: #1a237e;           /* Primary Navy Blue */
    --color-navy-light: #283593;    /* Navy Light Accent */
    
    /* Utility & Accent Colors */
    --color-success: #10B981;
    --color-success-light: #d1fae5;
    --color-warning: #ffc107; /* Yellow */
    --color-danger: #EF4444;
    --color-cream: #fff9e6;   /* Light Cream / Off-White */
    --color-cream-border: #fef08a; /* Subtle Warm Border */
    --color-white: #ffffff;   /* Pure White */

    /* Neutral Backgrounds & Borders */
    --bg-light: #f8fafc;   /* Shared Light Neutral Section Canvas */
    --color-bg-neutral: #f8fafc;   /* Shared Light Neutral Section Canvas */
    --color-border-subtle: #e2e8f0; /* Shared Subtle Border */
    --color-text-muted: #6b7280;   /* Secondary Muted Text */
    --color-text-slate: #475569;   /* Slate Body Text */
    --color-text-dark: #1e293b;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);

    /* Border Radius */
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;

    /* Derived Colors / Gradients (Optional for future use) */
    --gradient-primary: linear-gradient(90deg, #f37021, #e85d04);
    
    /* Typography */
    --font-heading: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}