/**
 * RS Nutrition — design tokens (fonte única de verdade).
 */

:root {
  /* Paleta: sálvia + branco quente + pêssego/terracota */
  --rn-color-salvia-900: #3d4f44;
  --rn-color-salvia-700: #5a6f62;
  --rn-color-salvia-600: #6b8372;
  --rn-color-salvia-200: #d4ddd6;
  --rn-color-salvia-100: #e8eeea;
  --rn-color-salvia-50: #f4f7f5;

  --rn-color-peach-600: #d4895c;
  --rn-color-peach-500: #e8a87c;
  --rn-color-peach-100: #fbe8dc;

  --rn-color-white: #fdfcfa;
  --rn-color-graphite: #2a302c;
  --rn-color-gray-600: #5c6560;
  --rn-color-gray-400: #8f9892;
  --rn-color-gray-200: #dde3df;
  --rn-color-gray-100: #f0f3f1;

  /* Semânticos */
  --rn-color-primary: var(--rn-color-salvia-700);
  --rn-color-primary-hover: var(--rn-color-salvia-900);
  --rn-color-accent: var(--rn-color-peach-500);
  --rn-color-accent-hover: var(--rn-color-peach-600);
  --rn-color-surface: var(--rn-color-white);
  --rn-color-surface-alt: var(--rn-color-salvia-50);
  --rn-color-text: var(--rn-color-graphite);
  --rn-color-text-muted: var(--rn-color-gray-600);
  --rn-color-border: var(--rn-color-gray-200);
  --rn-color-focus: var(--rn-color-salvia-600);

  /* Aliases para plugins Ricci */
  --rc-color-primary: var(--rn-color-primary);
  --rc-color-accent: var(--rn-color-accent);

  /* Tipografia — Sora (destaque) + Nunito Sans (corpo) */
  --rn-font-display: "Sora", system-ui, sans-serif;
  --rn-font-family: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --rn-font-size-xs: clamp(0.75rem, 0.7rem + 0.15vw, 0.8125rem);
  --rn-font-size-sm: clamp(0.875rem, 0.82rem + 0.2vw, 0.9375rem);
  --rn-font-size-base: clamp(1rem, 0.95rem + 0.25vw, 1.0625rem);
  --rn-font-size-lg: clamp(1.125rem, 1.05rem + 0.35vw, 1.25rem);
  --rn-font-size-xl: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --rn-font-size-2xl: clamp(1.5rem, 1.25rem + 0.85vw, 2rem);
  --rn-font-size-3xl: clamp(1.875rem, 1.5rem + 1.25vw, 2.5rem);
  --rn-font-size-4xl: clamp(2.25rem, 1.75rem + 1.75vw, 3.25rem);
  --rn-line-height-tight: 1.2;
  --rn-line-height-normal: 1.65;
  --rn-line-height-relaxed: 1.8;
  --rn-font-weight-normal: 400;
  --rn-font-weight-medium: 500;
  --rn-font-weight-semibold: 600;
  --rn-font-weight-bold: 700;

  /* Assinatura visual — sombra sólida deslocada */
  --rn-offset-shadow: 6px 6px 0 var(--rn-color-peach-500);
  --rn-offset-shadow-sm: 4px 4px 0 var(--rn-color-peach-500);

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

  /* Layout */
  --rn-container-max: 72rem;
  --rn-container-narrow: 42rem;
  --rn-container-reading: 65ch;
  --rn-header-height: 4.5rem;
  --rn-radius-sm: 0.375rem;
  --rn-radius-md: 0.625rem;
  --rn-radius-lg: 1rem;
  --rn-radius-xl: 1.25rem;
  --rn-radius-full: 9999px;

  /* Sombras */
  --rn-shadow-sm: 0 1px 2px rgb(42 48 44 / 0.05);
  --rn-shadow-md: 0 4px 12px rgb(42 48 44 / 0.07);

  /* Transições */
  --rn-transition-fast: 150ms ease;
  --rn-transition-base: 250ms ease;

  /* Z-index */
  --rn-z-header: 100;
  --rn-z-overlay: 200;
  --rn-z-modal: 300;
}