/* ==========================================================================
   RAG Comércio e Serviços — tokens
   Marca amostrada do logo real (violeta → azul → ciano) e da arte Nova Eco.
   ========================================================================== */
:root{
  /* Marca */
  --rag-violet:#6b3fa6;
  --rag-violet-ui:#7a52b8;
  --rag-blue:#2f5fcf;
  --rag-blue-ui:#3a6ad8;
  --rag-cyan:#38c6ee;
  --rag-cyan-ui:#2fb0d8;
  --rag-grad:linear-gradient(120deg,var(--rag-violet) 0%,var(--rag-blue) 55%,var(--rag-cyan) 100%);

  /* Nova Eco (marca própria de saco de lixo) */
  --eco-navy:#1f3f80;
  --eco-red:#e0192f;
  --eco-green:#4cae3a;

  /* Kraft: cor do produto que mais aparece no portfólio */
  --kraft:#c9a578;
  --kraft-soft:#f3e9dc;

  /* Neutro de 12 degraus, levemente frio */
  --ink-000:#ffffff;
  --ink-050:#f7f8fb;
  --ink-100:#eff1f6;
  --ink-150:#e4e7ef;
  --ink-200:#d3d7e2;
  --ink-300:#b3b9c9;
  --ink-400:#8a91a6;
  --ink-500:#666d83;
  --ink-600:#4b5166;
  --ink-700:#33384b;
  --ink-800:#212535;
  --ink-900:#141722;
  --ink-1000:#0b0d15;

  /* Papéis semânticos */
  --bg:var(--ink-000);
  --bg-soft:var(--ink-050);
  --bg-card:var(--ink-000);
  --fg:var(--ink-900);
  --fg-muted:var(--ink-500);
  --fg-faint:var(--ink-400);
  --line:rgba(20,23,34,.09);
  --line-strong:rgba(20,23,34,.16);
  --accent:var(--rag-blue);
  --accent-fg:#fff;
  --accent-soft:rgba(47,95,207,.08);
  --ok:#1f9d55;
  --wa:#1ea952;

  /* Tipografia */
  --f-display:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;
  --f-body:"Figtree",ui-sans-serif,system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;

  --t-2xs:.72rem;
  --t-xs:.8rem;
  --t-sm:.92rem;
  --t-base:1.02rem;
  --t-md:clamp(1.08rem,1rem + .3vw,1.22rem);
  --t-lg:clamp(1.3rem,1.1rem + .8vw,1.7rem);
  --t-xl:clamp(1.7rem,1.3rem + 1.6vw,2.6rem);
  --t-2xl:clamp(2.1rem,1.5rem + 2.8vw,3.9rem);
  --t-3xl:clamp(2.6rem,1.6rem + 4.4vw,5.6rem);

  /* Espaço */
  --s-1:.25rem; --s-2:.5rem; --s-3:.75rem; --s-4:1rem; --s-5:1.5rem;
  --s-6:2rem; --s-7:3rem; --s-8:4rem; --s-9:6rem;
  --section:clamp(4.5rem,3rem + 6vw,8.5rem);
  --gutter:clamp(1rem,.5rem + 2.5vw,2.5rem);
  --maxw:1240px;

  /* Forma */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:32px; --r-pill:999px;
  --shadow-sm:0 1px 2px rgba(11,13,21,.06),0 2px 8px rgba(11,13,21,.04);
  --shadow-md:0 2px 6px rgba(11,13,21,.05),0 12px 32px -8px rgba(11,13,21,.12);
  --shadow-lg:0 4px 12px rgba(11,13,21,.06),0 30px 60px -20px rgba(11,13,21,.25);

  /* Tempo */
  --dur-fast:.22s;
  --dur-base:.45s;
  --dur-slow:.9s;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-spring:cubic-bezier(.34,1.56,.64,1);

  color-scheme:light;
}

/* Seção escura troca só os papéis */
.is-dark{
  --bg:var(--ink-1000);
  --bg-soft:#121524;
  --bg-card:#141828;
  --fg:var(--ink-000);
  --fg-muted:#aab0c4;
  --fg-faint:#7f86a0;
  --line:rgba(255,255,255,.09);
  --line-strong:rgba(255,255,255,.18);
  --accent:#5b86f0;
  --accent-soft:rgba(91,134,240,.14);
  color-scheme:dark;
  background:var(--bg);
  color:var(--fg);
}
.is-eco{
  --bg:var(--eco-navy);
  --bg-soft:#264a92;
  --bg-card:#ffffff;
  --fg:#ffffff;
  --fg-muted:#c6d2ee;
  --fg-faint:#9fb0da;
  --line:rgba(255,255,255,.14);
  --line-strong:rgba(255,255,255,.26);
  --accent:#ffffff;
  --accent-fg:var(--eco-navy);
  color-scheme:dark;
  background:var(--bg);
  color:var(--fg);
}