/**
 * CSS Custom Properties (Variables)
 * Used throughout the calculator for consistent theming
 */

:root {
    /* Primary colors */
    --uk-primary: #09B87D;
    --uk-accent: #F8C72F;

    /* Background colors */
    --uk-bg: #f7f9fb;
    --uk-card: #ffffff;
    --uk-bg-subtle: #fafbfc;
    --uk-bg-input-readonly: #f8fafc;

    /* Text colors */
    --uk-text: #1b1f23;
    --uk-muted: #6b7280;

    /* Border and layout */
    --uk-border: #E6E8EC;
    --uk-border-input: #e2e8f0;
    --uk-bg-toggle: #e5e7eb;
    --uk-radius: 14px;
    --uk-pad: 28px;
    --uk-gap: 32px;
    --uk-gap-rows: 32px;

    /* Spacing scale */
    --spacing-xs: 8px;
    --spacing-sm: 12px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 40px;

    /* Effects */
    --uk-shadow: 0 8px 24px rgba(16,24,40,.08);
    --uk-focus: 0 0 0 4px rgba(9,184,125,.18);

    /* Status colors */
    --uk-red: #dc2626;
    --uk-green: #059669;
}

/* Alternative theme */
.uk-theme--alt {
    --uk-bg: linear-gradient(180deg, #f7fbf9 0%, #f7f9fb 100%);
    --uk-card: #fff;
    --uk-border: #E3EFE9;
}

.uk-theme--alt .utleiekalk-shell {
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    font-family: "Manrope", system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
}