/**
 * Fluentkidz Lead Engine - CSS Variables System
 * 
 * Token warna, radius, dan tipografi resmi Fluentkidz (Purple, Energetic Orange, Rounded Card UI).
 * 
 * @package FluentkidzLeadEngine
 */

:root {
    /* === 1. BRAND COLORS (Fluentkidz) === */
    --fk-color-primary: #7B2BBE;            /* Purple / Ungu Ceria Fluentkidz */
    --fk-color-primary-hover: #6822A3;
    --fk-color-primary-light: #F4EBFC;      /* Lavender Background */
    
    --fk-color-cta: #FF7A00;                /* Energetic Orange CTA Button */
    --fk-color-cta-hover: #F06E00;
    --fk-color-cta-shadow: rgba(255, 122, 0, 0.32);
    --fk-color-cta-text: #FFFFFF;

    /* === 2. SEGMENTED RADIO BUTTONS === */
    --fk-btn-choice-bg: #F8FAFC;
    --fk-btn-choice-color: #334155;
    --fk-btn-choice-border: #E2E8F0;
    --fk-btn-choice-hover-bg: #F1F5F9;
    --fk-btn-choice-hover-border: #CBD5E1;
    --fk-btn-choice-active-bg: #FF7A00;
    --fk-btn-choice-active-color: #FFFFFF;
    --fk-btn-choice-active-border: #FF7A00;
    --fk-btn-choice-active-shadow: 0 4px 12px rgba(255, 122, 0, 0.25);

    /* === 3. CARD & SURFACES === */
    --fk-card-bg: #FFFFFF;
    --fk-card-border: #ECEEF5;
    --fk-card-shadow: 0 16px 40px -8px rgba(123, 43, 190, 0.07), 0 4px 16px -2px rgba(15, 23, 42, 0.03);
    --fk-card-radius: 24px;
    --fk-card-padding: 34px 34px 30px 34px;

    /* === 4. FORM CONTROLS (Input & Select) === */
    --fk-input-bg: #FFFFFF;
    --fk-input-border: #E2E8F0;
    --fk-input-border-hover: #CBD5E1;
    --fk-input-focus-border: #FF7A00;
    --fk-input-focus-ring: rgba(255, 122, 0, 0.18);
    --fk-input-radius: 12px;
    --fk-input-height: 46px;
    --fk-input-text: #0F172A;
    --fk-input-placeholder: #94A3B8;

    /* === 5. TYPOGRAPHY === */
    --fk-font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --fk-text-title: #0F172A;
    --fk-text-subtitle: #64748B;
    --fk-text-label: #0F172A;
    --fk-text-required: #FF7A00;

    /* === 6. TRANSITIONS === */
    --fk-transition: all 0.2s ease;
}