/* =========================================================================
   Multinational Life — Design Tokens
   Valores extraídos del portal objetivo (Tailwind v4 variables)
   ========================================================================= */

:root {
    /* ---------- Brand colors ---------- */
    --mn-primary:             #7D1F3D;
    --mn-primary-hover:       #A42D52;
    --mn-primary-foreground:  #FFFFFF;

    --mn-secondary:           #FBE9ED;
    --mn-secondary-foreground:#7D1F3D;

    --mn-accent:              #F5D4DC;
    --mn-accent-foreground:   #7D1F3D;

    --mn-destructive:         #D4183D;
    --mn-destructive-foreground: #FFFFFF;

    --mn-accent-blue:         #0088CC;
    --mn-accent-blue-hover:   #006699;

    --mn-success:             #16A34A;
    --mn-success-light:       #DCFCE7;

    /* ---------- Surfaces ---------- */
    --mn-card:                #FFFFFF;
    --mn-background:          #FBF5F6;
    --mn-input-background:    #FBF5F6;

    /* ---------- Text ---------- */
    --mn-foreground:          #1F2937;
    --mn-muted-foreground:    #8B5C6B;

    /* ---------- Border ---------- */
    --mn-border:              rgba(125, 31, 61, 0.15);
    --mn-border-strong:       rgba(125, 31, 61, 0.35);
    --mn-ring:                #A42D52;

    /* ---------- Radii ---------- */
    --mn-radius-xs:           0.125rem; /* 2px */
    --mn-radius-sm:           0.375rem; /* 6px */
    --mn-radius:              0.625rem; /* 10px */
    --mn-radius-lg:           0.875rem; /* 14px */
    --mn-radius-full:         9999px;

    /* ---------- Typography ---------- */
    --mn-font-sans:           ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --mn-font-size:           16px;
    --mn-fw-normal:           400;
    --mn-fw-medium:           500;
    --mn-fw-semibold:         600;
    --mn-fw-bold:             700;

    /* ---------- Shadows ---------- */
    --mn-shadow-sm:           0 1px 2px rgba(0, 0, 0, 0.04);
    --mn-shadow:              0 2px 8px rgba(125, 31, 61, 0.06);
    --mn-shadow-md:           0 4px 12px rgba(125, 31, 61, 0.08);
    --mn-shadow-lg:           0 8px 24px rgba(125, 31, 61, 0.12);

    /* ---------- Transitions ---------- */
    --mn-transition:          all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}