/* Paleta de marca YOUNET — extraída del logo (navy + naranja) */
:root{
    /* Colores primarios */
    --color-primary: #1A237E;
    --color-primary-light: #2E3B9E;
    --color-primary-dark: #10154F;
    --color-primary-soft: #EEF0FA;

    /* Colores secundarios */
    --color-secondary: #FF3D00;
    --color-secondary-light: #FF6E40;
    --color-secondary-dark: #C41C00;
    --color-secondary-soft: #FFEDE6;

    /* Neutros */
    --color-bg: #F5F6FB;
    --color-surface: #FFFFFF;
    --color-text: #1B1D2B;
    --color-text-muted: #5C6270;
    --color-border: #E3E5F0;
    --color-white: #FFFFFF;

    /* Gradientes */
    --gradient-primary: linear-gradient(135deg, #1A237E 0%, #2E3B9E 100%);
    --gradient-accent: linear-gradient(135deg, #FF3D00 0%, #FF6E40 100%);
    --gradient-dark: linear-gradient(180deg, #10154F 0%, #1A237E 100%);

    /* Sombras */
    --shadow-sm: 0 2px 8px rgba(16, 21, 79, 0.08);
    --shadow-md: 0 8px 24px rgba(16, 21, 79, 0.12);
    --shadow-lg: 0 16px 40px rgba(16, 21, 79, 0.18);
    --shadow-accent: 0 8px 24px rgba(255, 61, 0, 0.25);

    /* Radios */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 100px;
}