/* ============================================================
   Tokens — identidade 2026 do site institucional
   Fonte: artifact "mALLin Design System" (Identidade visual 2026).

   Este bundle é só do site público. Admin, landings (/lp), Fenasucro,
   vaga e proposta continuam no base/variables.css antigo, que é dark —
   trocar as cores lá quebraria essas telas.
   ============================================================ */

:root {
    color-scheme: light;

    /* ── Superfícies ─────────────────────────────────────────── */
    --paper:        #F4F4F8;   /* fundo da página */
    --paper-2:      #EEEEEE;   /* faixas alternadas, rodapé */
    --white:        #FFFFFF;   /* cards e campos */
    --night:        #111114;   /* fundo sob foto */

    /* ── Tinta ───────────────────────────────────────────────── */
    --ink:          #111114;   /* 17:1 sobre --paper */
    --ink-soft:     #3A3A44;   /* 10:1 */
    --ink-muted:    #5F5F6B;   /* 5.7:1 — o mais claro que ainda passa AA em texto pequeno */

    /* ── Marca ───────────────────────────────────────────────── */
    --brand:        #5452FE;   /* 4.8:1 sobre --paper: serve de texto */
    --brand-hover:  #4744E8;
    --brand-light:  #7A78FF;
    --brand-deep:   #3633C9;
    --brand-soft:   rgba(84, 82, 254, 0.10);
    --brand-glow:   rgba(84, 82, 254, 0.40);
    --lilac:        #B9B8FF;   /* só sobre foto escura: no roxo cheio dá 2.8:1 */
    --lilac-soft:   #DCDAFF;   /* destaque de título sobre o roxo (3.9:1, texto grande) */

    /* ── Linhas ──────────────────────────────────────────────── */
    --line:         rgba(17, 17, 20, 0.10);
    --line-strong:  rgba(17, 17, 20, 0.18);

    /* ── Canal ───────────────────────────────────────────────── */
    --whatsapp:     #25D366;

    /* ── Papéis que cada superfície redefine (ver layout.css) ── */
    --fg:           var(--ink);
    --fg-soft:      var(--ink-soft);
    --fg-muted:     var(--ink-muted);
    --fg-line:      var(--line);
    --title-accent: var(--brand);
    --dot:          var(--brand);

    /* ── Campos ──────────────────────────────────────────────── */
    /* O ponto claro do degradê fica no canto oposto ao texto: lilás sobre
       #7A78FF não passa nem a regra de texto grande. */
    --field-purple: radial-gradient(120% 95% at 88% 0%, #6E6CFF 0%, #5452FE 42%, #3633C9 100%);
    --cam-light:    linear-gradient(135deg, #E4E3FF 0%, #9A98FF 45%, #5452FE 100%);

    /* ── Vidro (valores do Design System, tokens glass-*) ──── */
    --glass-light:        linear-gradient(140deg, rgba(255, 255, 255, 0.62), rgba(255, 255, 255, 0.28) 55%, rgba(220, 218, 255, 0.38));
    --glass-light-border: rgba(255, 255, 255, 0.90);
    --glass-light-shadow: inset 0 1.5px 1px #FFFFFF, inset 0 -1px 1px rgba(84, 82, 254, 0.10), inset 0 0 30px rgba(255, 255, 255, 0.35), 0 30px 60px rgba(60, 58, 140, 0.18), 0 4px 14px rgba(17, 17, 20, 0.06);
    --glass-blur:         blur(26px) saturate(185%) brightness(1.06);
    --glass-dark:         linear-gradient(160deg, rgba(255, 255, 255, 0.16), rgba(255, 255, 255, 0.06));
    --glass-dark-border:  rgba(255, 255, 255, 0.30);
    --glass-dark-shadow:  inset 0 1px 0 rgba(255, 255, 255, 0.35), 0 30px 70px rgba(15, 10, 70, 0.35);
    --glass-dark-blur:    blur(22px) saturate(130%);
    --glass-tint:         rgba(84, 82, 254, 0.12);

    /* ── Camaleão ────────────────────────────────────────────── */
    --cam-bubble: linear-gradient(135deg, #7472FF 0%, #5452FE 55%, #4442E0 100%);

    /* ── Tipografia ──────────────────────────────────────────── */
    /* Fallback condensado: com Arial comum o título ocupa o dobro de largura,
       quebra em mais linhas e empurra a página quando a fonte chega. */
    --font-title:   "Big Shoulders Display", "Arial Narrow", "Roboto Condensed", sans-serif-condensed, Arial, sans-serif;
    --font-support: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Escala fluida: mínimo em 360px, máximo em 1440px. */
    --fs-2xs: 0.75rem;
    --fs-xs:  clamp(0.8125rem, 0.79rem + 0.1vw, 0.875rem);
    --fs-sm:  clamp(0.9375rem, 0.91rem + 0.1vw, 1rem);
    --fs-md:  clamp(1rem, 0.96rem + 0.19vw, 1.125rem);
    --fs-lg:  clamp(1.125rem, 1.06rem + 0.28vw, 1.3125rem);
    --fs-xl:  clamp(1.25rem, 1.15rem + 0.46vw, 1.625rem);
    --fs-2xl: clamp(1.75rem, 1.5rem + 1.1vw, 2.5rem);
    --fs-3xl: clamp(2.25rem, 1.8rem + 2vw, 3.75rem);
    --fs-4xl: clamp(2.75rem, 2.1rem + 2.9vw, 5rem);
    --fs-5xl: clamp(3.25rem, 2.3rem + 4.3vw, 7rem);
    --fs-6xl: clamp(3.5rem, 2.2rem + 5.8vw, 8.75rem);

    /* ── Espaço ──────────────────────────────────────────────── */
    --space-1:  0.25rem;
    --space-2:  0.5rem;
    --space-3:  0.75rem;
    --space-4:  1rem;
    --space-5:  1.25rem;
    --space-6:  1.5rem;
    --space-8:  2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;
    --space-16: 4rem;
    --space-20: 5rem;
    --space-24: 6rem;

    --gutter:        clamp(1rem, 4.5vw, 4rem);
    --section-py:    clamp(4.5rem, 9vw, 9rem);
    --container-max: 1280px;
    --header-h:      64px;

    /* ── Raio ────────────────────────────────────────────────── */
    --radius-sm:   10px;
    --radius-md:   16px;
    --radius-lg:   24px;
    --radius-card: 32px;   /* radius-card-post */
    --radius-glass-sm: 28px;
    --radius-pill: 999px;

    /* ── Sombra ──────────────────────────────────────────────── */
    --shadow-soft:  0 1px 2px rgba(17, 17, 20, 0.05), 0 8px 24px rgba(17, 17, 20, 0.06);
    --shadow-lift:  0 2px 6px rgba(17, 17, 20, 0.06), 0 24px 48px rgba(60, 58, 140, 0.14);
    --shadow-brand: inset 0 1.5px 1px rgba(255, 255, 255, 0.7), 0 12px 30px rgba(84, 82, 254, 0.45);

    /* ── Movimento ───────────────────────────────────────────── */
    --ease-apple:    cubic-bezier(0.2, 0.8, 0.2, 1);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-cinema:   cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast:   160ms;
    --dur-base:   280ms;
    --dur-slow:   520ms;
    --dur-slower: 820ms;

    /* ── Camadas ─────────────────────────────────────────────── */
    --z-raised:  10;
    --z-sticky:  100;
    --z-overlay: 500;
}