/* ============================================================
   ANDROVIT — Design tokens (fuente unica para TODO material)
   Derivado de brand-kit.md (secciones 4, 5, 6). No inventar
   valores nuevos: si falta un token, agregarlo ACA y documentar.
   ============================================================ */
:root {
  /* Brand */
  --color-primary: #0D5C63;        /* Deep Teal — confianza, salud */
  --color-primary-light: #148A8F;
  --color-primary-dark: #094347;
  --color-secondary: #7BA05B;      /* Sage Green — naturaleza, fertilidad */
  --color-secondary-light: #9BBF7D;
  --color-accent: #E8A838;         /* Warm Amber — vitalidad, premium */
  --color-accent-light: #F0C060;

  /* Neutrals */
  --color-bg: #F8F6F2;             /* Off White — fondo principal */
  --color-bg-alt: #E8E6E2;         /* Light Gray — cards, fondos alternos */
  --color-text: #2D2D2D;           /* Charcoal — texto principal */
  --color-text-secondary: #6B7280; /* Medium Gray — captions */
  --color-white: #FFFFFF;

  /* Semantic */
  --color-success: #7BA05B;
  --color-trust: #0D5C63;

  /* Tipografia */
  --font-display: 'Outfit', sans-serif;   /* 600/700 — titulos, hero, wordmark */
  --font-body: 'Inter', sans-serif;       /* 400/500/600 — parrafos, UI */
  --font-mono: 'JetBrains Mono', monospace; /* 400 — ingredientes, ficha tecnica */

  /* Estilo (preset: balanced) */
  --radius: 12px;
  --shadow-sm: 0 2px 8px rgba(13, 92, 99, 0.06);
  --shadow-md: 0 4px 16px rgba(13, 92, 99, 0.10);
  --shadow-lg: 0 8px 32px rgba(13, 92, 99, 0.14);

  /* Gradientes */
  --gradient-hero: linear-gradient(135deg, #0D5C63 0%, #148A8F 100%);
  --gradient-cta: linear-gradient(135deg, #7BA05B 0%, #5C8A3E 100%);
  --gradient-premium: linear-gradient(135deg, #0D5C63 0%, #E8A838 100%);
}

/* Google Fonts:
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono&display=swap" rel="stylesheet">
*/