/**
 * ATIKASS Form — CSS Variables & Base Reset
 * Scoped under .atkf-wrapper to avoid theme conflicts.
 */

.atkf-wrapper {
    /* Brand */
    --atkf-primary: #6C3CE0;
    --atkf-primary-dark: #5224C7;
    --atkf-primary-deeper: #3D1A8F;
    --atkf-primary-light: #ebe5fb;
    --atkf-primary-bg: #f7f5ff;
    --atkf-gradient: linear-gradient(135deg, #6C3CE0 0%, #1A1B3A 100%);
    --atkf-gradient-soft: linear-gradient(135deg, #7B4AE2 0%, #2D2260 100%);

    --atkf-navy: #1A1B3A;
    --atkf-navy-light: #2D2E54;

    --atkf-success: #10b981;
    --atkf-success-bg: #ecfdf5;
    --atkf-error: #ef4444;
    --atkf-error-bg: #fef2f2;
    --atkf-warning: #f59e0b;

    --atkf-text: #1a1a2e;
    --atkf-text-secondary: #5c6378;
    --atkf-text-muted: #94a3b8;
    --atkf-text-on-dark: #c4c0e0;

    --atkf-bg: #f4f2f9;
    --atkf-white: #ffffff;
    --atkf-border: #e4e0f0;
    --atkf-border-focus: #6C3CE0;

    --atkf-radius-sm: 10px;
    --atkf-radius-md: 14px;
    --atkf-radius-lg: 18px;
    --atkf-radius-xl: 24px;

    --atkf-shadow-sm: 0 1px 3px rgba(26,27,58,0.05);
    --atkf-shadow-md: 0 4px 16px rgba(26,27,58,0.08);
    --atkf-shadow-lg: 0 12px 40px rgba(26,27,58,0.12);
    --atkf-shadow-card: 0 1px 4px rgba(26,27,58,0.04), 0 8px 32px rgba(26,27,58,0.08);
    --atkf-shadow-focus: 0 0 0 3px rgba(108,60,224,0.18);

    --atkf-ease: cubic-bezier(0.4,0,0.2,1);
    --atkf-transition: 0.25s cubic-bezier(0.4,0,0.2,1);

    /* Base reset scoped to wrapper */
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    color: var(--atkf-text);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background: var(--atkf-bg);
}

.atkf-wrapper *,
.atkf-wrapper *::before,
.atkf-wrapper *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}