:root {
    /* Identidade visual — os 3 tons de azul da logo da Laner Embalagens */
    --color-navy: #2E3151;      /* azul-noite (topo da caixa) */
    --color-primary: #32538E;   /* azul médio (letras "LANER") */
    --color-accent: #1AABE1;    /* azul-céu (lado da caixa / "EMBALAGENS") */
    --color-secondary: #2E3151;

    /* Tons suaves derivados, pra fundos e destaques */
    --color-primary-soft: #EAF0FA;
    --color-accent-soft: #E4F5FC;
    --gradient-brand: linear-gradient(135deg, #32538E 0%, #1AABE1 100%);
    --gradient-brand-dark: linear-gradient(135deg, #2E3151 0%, #32538E 100%);

    /* Cores neutras */
    --color-text: #1B1F33;
    --color-white: #FFFFFF;
    --color-background: #F3F6FB;
    --color-border: #E3E8F1;
    --color-muted: #6B7385;

    /* Layout */
    --sidebar-width: 250px;
    --header-height: 64px;

    /* Bordas */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 18px;

    /* Sombras (com um toque do azul da marca) */
    --shadow-sm: 0 1px 3px rgba(46, 49, 81, 0.06), 0 4px 12px rgba(46, 49, 81, 0.04);
    --shadow-md: 0 6px 20px rgba(46, 49, 81, 0.12);

    /* Animações */
    --transition: 0.2s ease;
}