/* Nutrivale Food Service — design tokens (Nive Sistemas) */

:root {
    /* Base — off-white / grafite */
    --paper: #f7f6f1;
    --paper-2: #efeee7;
    --surface: #ffffff;
    --ink: #17201b;
    --ink-70: rgba(23, 32, 27, 0.70);
    --ink-52: rgba(23, 32, 27, 0.52);
    --ink-12: rgba(23, 32, 27, 0.12);
    --ink-06: rgba(23, 32, 27, 0.06);
    --line: #e3e1d7;

    /* Destaque — verde fresco (única cor de marca) */
    --brand: #1f7a4d;
    --brand-strong: #17603c;
    --brand-soft: #e8f2ec;
    --brand-12: rgba(31, 122, 77, 0.12);
    --brand-24: rgba(31, 122, 77, 0.24);
    --on-brand: #f7fbf8;

    /* Tipografia */
    --font-display: "Sora", "Segoe UI", system-ui, sans-serif;
    --font-body: "Inter", "Segoe UI", system-ui, sans-serif;

    /* Escala de espaçamento */
    --s-1: 0.5rem;
    --s-2: 0.75rem;
    --s-3: 1rem;
    --s-4: 1.5rem;
    --s-5: 2rem;
    --s-6: 3rem;
    --s-7: 4.5rem;
    --s-8: 6.5rem;
    --s-9: 9rem;

    /* Raios */
    --r-sm: 12px;
    --r-md: 18px;
    --r-lg: 28px;
    --r-full: 999px;

    /* Layout */
    --maxw: 1200px;
    --maxw-narrow: 780px;
    --header-h: 4.5rem;
    --concept-banner-h: 1.65rem;

    /* Movimento */
    --ease: cubic-bezier(0.16, 1, 0.3, 1);
    --t-fast: 0.2s var(--ease);
    --t: 0.35s var(--ease);

    /* Sombras */
    --sh-sm: 0 2px 8px rgba(23, 32, 27, 0.05);
    --sh-md: 0 18px 44px -20px rgba(23, 32, 27, 0.28);
    --sh-brand: 0 14px 30px -12px rgba(31, 122, 77, 0.45);
}