: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-warning: #ffc107; /* Yellow */
    --color-cream: #fff9e6;   /* Light Cream / Off-White */
    --color-cream-border: #fef08a; /* Subtle Warm Border */
    --color-white: #ffffff;   /* Pure White */

    /* Neutral Backgrounds & Borders */
    --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 */
    
    /* 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;
}