/* Design Tokens - Single Source of Truth */
/* Dark Aurora Theme */
:root {
    /* Dark Backgrounds */
    --kp-bg-dark: #131A27;
    --kp-bg-mid: #1B2538;
    --kp-surface: #222E42;
    --kp-surface-light: #2C3A52;

    /* Core Colors (remapped for dark theme) */
    --kp-blush: #8A9BB5;
    --kp-blush-light: #2C3A52;
    --kp-blush-lightest: #1B2538;
    --kp-white: #131A27;
    --kp-black: #E8EDF3;
    --kp-gray: #7A8FA6;
    --kp-gray-light: #2C3A52;

    /* Text */
    --kp-text-primary: #E8EDF3;
    --kp-text-secondary: #8A9BB5;

    /* Borders */
    --kp-border: #2C3A52;

    /* Highlights & Accents */
    --kp-pink-highlight: #D946A8;
    --kp-accent-magenta: #D946A8;
    --kp-accent-cyan: #4DC8D7;
    --kp-accent-peach: #F5C5A3;
    --kp-accent-coral: #E89090;
    --kp-accent-lavender: #C0A8E0;
    --kp-accent-navy: #4D94D4;
    --kp-border-coral: #E8B8A8;

    /* Status */
    --kp-success: #5AE6B0;
    --kp-danger: #F06B6B;

    /* Gradients */
    --kp-gradient-aurora: linear-gradient(135deg, #131A27 0%, #1B2538 30%, #1A2845 50%, #1E2A4A 70%, #1A2538 100%);
    --kp-gradient-hero: linear-gradient(180deg, #0D1320 0%, #141E30 20%, #1A2845 40%, #1B3040 60%, #1A2538 80%, #131A27 100%);

    /* Typography */
    --kp-font-script: 'Playfair Display', serif;
    --kp-font-heading: 'Montserrat', sans-serif;
    --kp-font-body: 'Source Sans 3', sans-serif;
    --kp-tracking-wide: 0.08em;

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

    /* Borders & Shadows */
    --kp-radius-sm: 8px;
    --kp-radius-md: 12px;
    --kp-radius-pill: 9999px;
    --kp-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    --kp-shadow-hover: 0 4px 16px rgba(0, 0, 0, 0.5);

    /* Transitions */
    --kp-transition: all 0.2s ease;
}