/* ==========================================================================
   Donc — Design Tokens
   Variáveis CSS globais. Não colocar regras aqui, apenas :root com tokens.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap');

:root {
    /* Cores principais */
    --navy:      #173557;
    --sky:       #59c2ed;
    --lime:      #d3da47;
    --mint:      #d6e9d6;

    /* Variantes com opacidade */
    --navy-90:   #173557e6;
    --navy-10:   #1735570d;
    --sky-15:    #59c2ed26;
    --sky-30:    #59c2ed4d;
    --lime-90:   #d3da47e6;
    --lime-20:   #d3da4733;

    /* Superfícies e bordas */
    --surface:   #f5f8fb;
    --card:      #ffffff;
    --border:    #e2eaf2;
    --text-sub:  #6b87a4;
    --text-muted:#9ab0c4;

    /* Compat — cores legadas ainda usadas em componentes existentes */
    --gold:      #fdc500;
    --navy-old:  #1a1732;

    /* Raios */
    --r-sm:   10px;
    --r-md:   16px;
    --r-lg:   22px;
    --r-xl:   32px;
    --r-full: 999px;

    /* Sombras */
    --shadow-sm: 0 1px 4px rgba(23,53,87,.07);
    --shadow-md: 0 4px 18px rgba(23,53,87,.10);
    --shadow-lg: 0 12px 40px rgba(23,53,87,.14);

    /* Tipografia */
    --font-body: 'DM Sans', sans-serif;
    --font-mono: 'DM Mono', monospace;

    /* Espaçamento */
    --sp-1:  4px;
    --sp-2:  8px;
    --sp-3:  12px;
    --sp-4:  16px;
    --sp-5:  20px;
    --sp-6:  24px;
    --sp-8:  32px;
    --sp-10: 40px;
    --sp-12: 48px;
    --sp-16: 64px;
}