:root {
    --apl-font-main: 'Helvetica', 'Arial', sans-serif;
    --apl-font-display: 'Helvetica', 'Arial', sans-serif;
    --apl-font-accent: 'Helvetica', 'Arial', sans-serif;

    /* Surfaces */
    --cric-bg: #fdfdfd;
    --cric-bg-dark: #0f172a;
    --cric-surface: #ffffff;
    --cric-surface-alt: #f1f5f9;
    --cric-elevated: #ffffff;

    /* Brand - Modern Vibrant Palette */
    --cric-blue: #3b82f6;
    --cric-blue-hover: #2563eb;
    --cric-indigo: #6366f1;
    --cric-purple: #8b5cf6;
    --cric-orange: #f97316;
    --cric-teal: #14b8a6;
    --cric-field: #10b981;

    /* Text */
    --cric-text-dark: #0f172a;
    --cric-text-gray: #475569;
    --cric-text-muted: #64748b;
    --cric-text-white: #ffffff;

    /* UI chrome & Glassmorphism */
    --cric-glass: rgba(255, 255, 255, 0.7);
    --cric-glass-dark: rgba(15, 23, 42, 0.7);
    --cric-glass-border: rgba(15, 23, 42, 0.08);
    --cric-glass-border-white: rgba(255, 255, 255, 0.1);
    --cric-blur: blur(12px);
    
    /* Shadows & Radii */
    --cric-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --cric-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --cric-radius: 12px;
    --cric-radius-lg: 20px;
}