/* Smart Feeds · design tokens (plano, seção 9.3 + camada editorial) */
:root {
  /* Cores da marca */
  --c-cream: #FFFCF3;
  --c-cream-2: #F6F1E3;
  --c-white: #FFFFFF;
  --c-teal: #08665D;
  --c-teal-600: #109D8E;
  --c-teal-700: #0D8679;
  --c-teal-800: #075A52;
  --c-teal-900: #053F3A;
  --c-mint: #39FFB8;
  --c-mint-2: #9DFFDB;
  --c-mint-soft: #D9FFF0;
  --c-navy: #003B73;
  --c-ink: #161616;
  --c-ink-2: #292929;
  --c-ink-3: #313131;
  --c-ink-950: #0C0F0E;
  --c-muted: #5B5B5B;
  --c-muted-dark: #A3ADA9;
  --c-line: rgba(22, 22, 22, .09);
  --c-line-dark: rgba(255, 255, 255, .1);
  --c-error: #B42318;

  /* Gradientes */
  --g-brand: linear-gradient(90deg, #39FFB8 0%, #008080 50%, #34F3B3 100%);
  --g-mint-text: linear-gradient(100deg, #39FFB8 10%, #C6FFEA 55%, #39FFB8 95%);
  --g-teal-text: linear-gradient(100deg, #08665D 10%, #10A090 60%, #08665D 95%);
  --g-glow: radial-gradient(60% 60% at 70% 40%, rgba(57, 255, 184, .14), transparent 70%);
  --g-glass: linear-gradient(160deg, rgba(255, 255, 255, .09), rgba(255, 255, 255, .02));
  --g-glass-light: linear-gradient(160deg, rgba(255, 255, 255, .85), rgba(255, 255, 255, .55));

  /* Textura de granulação (SVG fractal noise) */
  --grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

  /* Tipografia */
  --font: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-alt: "Poppins", var(--font);
  --font-serif: "Instrument Serif", "Iowan Old Style", "Times New Roman", serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
  --fs-eyebrow: .75rem;
  --fs-xs: .75rem;
  --fs-sm: .875rem;
  --fs-base: 1rem;
  --fs-lg: 1.125rem;
  --fs-h4: 1.0625rem;
  --fs-h3: clamp(1.25rem, 1.1rem + .6vw, 1.5rem);
  --fs-h2: clamp(2.1rem, 1.2rem + 3vw, 3.75rem);
  --fs-h1: clamp(2.6rem, 1.35rem + 4.3vw, 4.9rem);
  --fs-stat: clamp(2.75rem, 1.8rem + 3.4vw, 5rem);
  --fs-display: clamp(3.5rem, .5rem + 12vw, 13rem);
  --lh-tight: 1;
  --lh-heading: 1.06;
  --lh-body: 1.6;

  /* Espaços (escala de 4 px) */
  --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; --s-10: 8rem;
  --section-y: clamp(5rem, 3.25rem + 6.5vw, 10rem);

  /* Forma */
  --r-xs: 6px; --r-sm: 10px; --r-md: 18px; --r-lg: 26px; --r-xl: 36px; --r-pill: 999px;
  --slab-gap: clamp(.5rem, .3rem + .7vw, .9rem);
  --slab-r: clamp(26px, 1rem + 2.4vw, 52px);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .05);
  --shadow-md: 0 10px 30px -10px rgba(8, 102, 93, .25);
  --shadow-lg: 0 30px 70px -25px rgba(0, 0, 0, .35);
  --shadow-xl: 0 50px 120px -40px rgba(5, 63, 58, .55);
  --shadow-card: 0 1px 0 rgba(22, 22, 22, .03), 0 20px 50px -24px rgba(8, 102, 93, .28);
  --ring-light: inset 0 1px 0 rgba(255, 255, 255, .7);
  --ring-dark: inset 0 1px 0 rgba(255, 255, 255, .08);

  /* Layout e movimento */
  --container: 1240px;
  --container-narrow: 760px;
  --header-h: 64px;
  --header-offset: 86px;
  --ease: cubic-bezier(.2, .8, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
  --dur: .3s;
}