/* ============================================
   CiCC DESIGN SYSTEM v1.0
   Single source of truth for all CSS variables
   ============================================ */
:root {
    /* === Primary Colors === */
    --color-primary:        #4f46e5;  /* CiCC indigo */
    --color-primary-dark:   #3730a3;  /* Deep indigo */
    --color-primary-light:  #818cf8;  /* Soft indigo */
    --color-primary-bg:     #eef2ff;  /* Very Light Indigo */

    /* === Accent Colors === */
    --color-accent:         #0d9488;  /* Teal — success/highlights */
    --color-accent-dark:    #0f766e;
    --color-gold:           #fbbf24;  /* Gold — trust bar, ratings */
    --color-cta:            #ea580c;  /* Accessible orange CTA */
    --color-cta-hover:      #c2410c;

    /* === Neutrals === */
    --color-bg-dark:        #0f172a;  /* Navy — header, hero, footer */
    --color-bg-darker:      #0a1628;  /* Darker navy — top bar */
    --color-bg-light:       #fafbfc;  /* Page background */
    --color-bg-white:       #ffffff;
    --color-text:           #0f172a;  /* Main text */
    --color-text-secondary: #334155;  /* Body text */
    --color-text-muted:     #64748b;  /* Muted/secondary text */
    --color-text-light:     #94a3b8;  /* Light text on dark bg */
    --color-border:         #e2e8f0;  /* Default border */
    --color-border-light:   #f1f5f9;  /* Light border */

    /* === Status Colors === */
    --color-success:        #16a34a;
    --color-warning:        #eab308;
    --color-danger:         #dc2626;
    --color-info:           #3b82f6;

    /* === Spacing (reusable) === */
    --space-xs: 0.25rem;
    --space-sm: 0.5rem;
    --space-md: 1rem;
    --space-lg: 1.5rem;
    --space-xl: 2rem;
    --space-2xl: 3rem;
    --space-3xl: 4rem;

    /* === Typography === */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* Backward-compatible alias used by the base theme and landing shells. */
    --font-body: var(--font-sans);
    --font-heading: 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* === Border Radius === */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* === Shadows === */
    --shadow-sm: 0 1px 2px rgba(15,23,42,0.05);
    --shadow-md: 0 4px 12px rgba(15,23,42,0.08);
    --shadow-lg: 0 12px 32px rgba(15,23,42,0.12);
    --shadow-xl: 0 24px 50px rgba(15,23,42,0.16);

    /* === Brand aliases for legacy templates === */
    --cicc-navy: #0a1628;
    --cicc-blue: #3730a3;
    --cicc-teal: #0d9488;
    --cicc-gold: #fbbf24;
    --brand-gradient: linear-gradient(135deg, #3730a3 0%, #4f46e5 52%, #0d9488 100%);

    /* === Transitions === */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
}