/*
 * KursusPilot — Design Tokens
 * 1:1 match with Lovable prototype
 * Version: 1.0.0
 */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

:root {
    /* Core palette — warm navy + sand + teal accent */
    --kp-bg: hsl(40 20% 98%);
    --kp-foreground: hsl(215 30% 14%);
    --kp-card: hsl(0 0% 100%);
    --kp-card-foreground: hsl(215 30% 14%);

    --kp-primary: hsl(215 35% 18%);
    --kp-primary-fg: hsl(40 20% 98%);

    --kp-secondary: hsl(35 20% 95%);
    --kp-secondary-fg: hsl(215 30% 14%);

    --kp-muted: hsl(35 12% 93%);
    --kp-muted-fg: hsl(215 10% 48%);

    --kp-accent: hsl(174 42% 40%);
    --kp-accent-fg: hsl(0 0% 100%);
    --kp-accent-10: hsl(174 42% 40% / 0.1);
    --kp-accent-20: hsl(174 42% 40% / 0.2);

    --kp-border: hsl(35 15% 90%);
    --kp-input: hsl(35 15% 90%);

    --kp-radius: 0.75rem;
    --kp-radius-sm: 0.5rem;
    --kp-radius-xl: 1rem;

    /* Semantic */
    --kp-success: hsl(152 45% 42%);
    --kp-success-fg: #fff;
    --kp-success-light: hsl(152 35% 94%);

    --kp-warning: hsl(38 92% 55%);
    --kp-warning-fg: hsl(30 80% 18%);
    --kp-warning-light: hsl(38 80% 94%);

    --kp-error: hsl(0 55% 55%);
    --kp-error-fg: #fff;
    --kp-error-light: hsl(0 40% 95%);

    --kp-info: hsl(210 60% 52%);
    --kp-info-fg: #fff;
    --kp-info-light: hsl(210 50% 95%);

    /* Surface layers */
    --kp-surface-raised: hsl(0 0% 100%);
    --kp-surface-sunken: hsl(35 15% 96%);
    --kp-surface-overlay: hsl(215 20% 97%);

    /* Shadows */
    --kp-shadow-sm: 0 1px 2px 0 hsl(215 30% 14% / 0.04);
    --kp-shadow-card: 0 1px 3px 0 hsl(215 30% 14% / 0.04), 0 0 0 1px hsl(35 15% 90% / 0.6);
    --kp-shadow-md: 0 4px 12px -2px hsl(215 30% 14% / 0.06), 0 1px 3px 0 hsl(215 30% 14% / 0.04);
    --kp-shadow-lg: 0 12px 32px -4px hsl(215 30% 14% / 0.08), 0 4px 8px 0 hsl(215 30% 14% / 0.03);

    /* Typography */
    --kp-font: 'DM Sans', system-ui, -apple-system, sans-serif;
}