/* ============================
   C7 GESTÃO — VARIÁVEIS
   Paleta: azul profundo + coral (#F05557)
============================ */

:root {
    /* ==== CORES PRINCIPAIS ==== */
    --color-primary:       #0B2545;
    --color-primary-light: #13315C;
    --color-primary-dark:  #061a33;

    --color-accent:        #F05557;   /* Coral — accent principal */
    --color-accent-dark:   #D13D3F;   /* Coral escuro — hover */
    --color-accent-light:  #F58E90;   /* Coral claro — sobre fundo escuro */

    --color-highlight:     #F59E0B;   /* Âmbar — destaque "Novo" */

    /* ==== NEUTROS ==== */
    --color-bg:            #FFFFFF;
    --color-bg-alt:        #F8FAFC;
    --color-bg-dark:       #0A1A2F;
    --color-border:        #E2E8F0;
    --color-border-dark:   #1E3A5F;

    --color-text:          #1E293B;
    --color-text-soft:     #475569;
    --color-text-mute:     #94A3B8;
    --color-text-on-dark:  #F1F5F9;

    /* ==== SEMÂNTICAS ==== */
    --color-success:       #10B981;
    --color-warning:       #F59E0B;
    --color-error:         #EF4444;

    /* ==== TIPOGRAFIA ==== */
    --font-base:           'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-mono:           'JetBrains Mono', 'Courier New', monospace;

    --fs-xs:   0.8125rem;
    --fs-sm:   0.875rem;
    --fs-base: 1rem;
    --fs-lg:   1.125rem;
    --fs-xl:   1.375rem;
    --fs-2xl:  1.75rem;
    --fs-3xl:  2.25rem;
    --fs-4xl:  3rem;
    --fs-5xl:  3.75rem;

    /* ==== ESPAÇOS ==== */
    --space-xs: 0.5rem;
    --space-sm: 0.75rem;
    --space-md: 1.25rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
    --space-3xl: 7rem;

    /* ==== BORDAS ==== */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 999px;

    /* ==== SOMBRAS ==== */
    --shadow-sm: 0 1px 3px rgba(11, 37, 69, 0.06);
    --shadow-md: 0 4px 16px rgba(11, 37, 69, 0.08);
    --shadow-lg: 0 12px 40px rgba(11, 37, 69, 0.12);
    --shadow-accent: 0 8px 32px rgba(240, 85, 87, 0.25);

    /* ==== TRANSIÇÕES ==== */
    --tr-fast: 150ms ease;
    --tr-base: 250ms ease;
    --tr-slow: 400ms ease;

    /* ==== LAYOUT ==== */
    --container-max: 1200px;
    --header-height: 76px;
	
    /* Tints do accent (fundos suaves) */
    --color-accent-tint:      rgba(240, 85, 87, 0.12);  /* badges, destaques */
    --color-accent-tint-soft: rgba(240, 85, 87, 0.10);  /* tags menores */
    --color-accent-glow:      rgba(240, 85, 87, 0.15);  /* focus rings */
    --color-accent-shadow:    rgba(240, 85, 87, 0.25);  /* sombra botões */
    --color-accent-shadow-hover: rgba(240, 85, 87, 0.35); /* sombra botão hover */	
}