/* ========================================================================
   RDASH — Design Tokens (Variáveis CSS Globais)
   Fonte de verdade: docs/rdash-brand-guide.md
   ======================================================================== */

:root {
    /* ── Cores Primárias ── */
    --rdash-primary-teal: #85E0BE;     /* Criatividade e Segurança */
    --rdash-primary-blue: #2E27F3;     /* Funcionalidade e Compromisso */

    /* ── Cor de Destaque ── */
    --rdash-accent-lime: #C7FF00;      /* Tecnologia e Energia (CTAs) */

    /* ── Cores Neutras ── */
    --rdash-neutral-black: #1B2C30;    /* Seriedade e Excelência */
    --rdash-neutral-grey: #6A6E79;     /* Sofisticação e Profissionalismo */
    --rdash-neutral-light: #F5F5F5;    /* Background Claro */
    --rdash-neutral-white: #FFFFFF;    /* Clareza */

    /* ── Tipografia ── */
    --rdash-font-display: 'Singolare', sans-serif;  /* Títulos e marca */
    --rdash-font-body: 'Sora', sans-serif;          /* Interface e corpo */

    /* ── Espaçamentos Base ── */
    --rdash-space-xs: 4px;
    --rdash-space-sm: 8px;
    --rdash-space-md: 16px;
    --rdash-space-lg: 24px;
    --rdash-space-xl: 32px;

    /* ── Bordas ── */
    --rdash-radius-sm: 4px;
    --rdash-radius-md: 8px;
    --rdash-radius-lg: 16px;

    /* ── Sombras ── */
    --rdash-shadow-card: 0 4px 6px rgba(0, 0, 0, 0.05);
    --rdash-shadow-elevated: 0 8px 24px rgba(0, 0, 0, 0.1);

    /* ── Transições ── */
    --rdash-transition-fast: 150ms ease;
    --rdash-transition-normal: 300ms ease;
}