/* ============================================================
   Organic Sheets — Design Tokens (v2: dark / tech)
   Cores extraídas da logo: verde elétrico #3CED28 + ardósia #494E56.
   Visual dark, moderno, voltado ao público de automação/tech.
   ============================================================ */

:root {
    /* --- Fundo e superfícies (ardósia bem escura, não preto puro) --- */
    --bg:         #0E1014;   /* fundo da página */
    --bg-2:       #12151C;   /* faixas alternadas */
    --surface:    #171B23;   /* cartões */
    --surface-2:  #1E232D;   /* cartões elevados / hover */
    --border:     rgba(255, 255, 255, 0.09);
    --border-2:   rgba(255, 255, 255, 0.16);

    /* --- Texto --- */
    --text:       #EAEEF1;   /* principal */
    --text-soft:  #9AA4AE;   /* secundário */
    --text-faint: #667079;   /* legendas, placeholders */

    /* --- Marca: verde elétrico (o anel da logo) --- */
    --green-700:  #1F9E16;
    --green-600:  #2CC71E;   /* hover de botões */
    --green-500:  #3CED28;   /* PRIMÁRIA — acento, ações, sinais */
    --green-400:  #6BF25B;
    --green-300:  #9CF791;
    --green-tint: rgba(60, 237, 40, 0.10);   /* fundos de realce */
    --green-line: rgba(60, 237, 40, 0.28);   /* bordas de destaque */
    --green-glow: rgba(60, 237, 40, 0.35);   /* brilho/sombra verde */

    /* --- Ardósia da marca (segunda cor, da sombra da logo) --- */
    --slate:      #494E56;
    --slate-2:    #33383F;

    /* --- Feedback --- */
    --danger:     #FF5C4D;
    --warn:       #F5B942;
    --ok:         var(--green-500);

    /* --- Tipografia --- */
    --font-sans: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Cascadia Code', Consolas, monospace;

    --fs-hero: clamp(2.6rem, 4.5vw + 1rem, 4.5rem);
    --fs-h1:   clamp(2rem, 3vw + 1rem, 3rem);
    --fs-h2:   clamp(1.5rem, 1.6vw + 1rem, 2.1rem);
    --fs-h3:   1.2rem;
    --fs-body: 1rem;
    --fs-sm:   0.9rem;
    --fs-xs:   0.78rem;

    /* --- Espaçamento --- */
    --sp-1: 0.375rem;
    --sp-2: 0.75rem;
    --sp-3: 1.25rem;
    --sp-4: 2rem;
    --sp-5: 3rem;
    --sp-6: 5rem;

    /* --- Raios e sombras --- */
    --r-1: 10px;
    --r-2: 14px;
    --r-3: 22px;
    --r-pill: 999px;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 16px 40px -20px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 0 1px var(--green-line), 0 18px 50px -24px var(--green-glow);

    --container: 1160px;
}