:root {
    /* Cores institucionais */
    --color-primary: #0092dd;
    --color-primary-hover: #0078b7;

    --color-navy: #071b2f;
    --color-navy-deep: #04111f;

    --color-white: #ffffff;

    --color-text: #1f2937;
    --color-text-soft: #d6e0ea;
    --color-text-muted: #8b98a7;

    --color-border: rgba(255, 255, 255, 0.22);

    --color-surface: rgba(255, 255, 255, 0.10);
    --color-surface-hover: rgba(255, 255, 255, 0.15);
    --color-surface-strong: rgba(255, 255, 255, 0.96);

    --color-success: #38d996;

    /* Sombras */
    --shadow-card: 0 18px 45px rgba(0, 0, 0, 0.24);

    /* Bordas arredondadas */
    --radius-sm: 10px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    /* Larguras e espaçamentos */
    --container-width: 1180px;
    --page-gutter: clamp(20px, 5vw, 56px);

    /* Transições */
    --transition-fast: 180ms ease;
    --transition-medium: 280ms ease;
}