/* Tokens de la propuesta «Jardín de acuarela» (docs/diseno/PROPUESTA_VISUAL_FLORAL.md §2):
   papel kraft y verde olivo de los flyers, la rosa y el tulipán del logotipo y las acuarelas.
   Los pares de texto están medidos contra estos valores. Lo comparten la tienda y el panel. */
:root {
  /* Fijos: el contraste del tema se mide contra estos cuatro (PaletaTema.Fijos; una prueba
     compara los valores). */
  --ink: #263220;          /* tinta de los flyers: 11.05 sobre kraft */
  --muted: #4f5442;        /* texto secundario: 6.43 sobre kraft */
  --bg: #efe8da;           /* papel kraft */
  --card: #fbf8f1;         /* crema de las tarjetas */

  /* Los siete del tema de temporada: /tema-{version}.css los pisa. Estos valores son la
     paleta «Prototipo» (PaletaTema.Prototipo). */
  --accent: #3b4f2a;       /* olivo: botón primario, opción elegida, contador */
  --on-accent: #fbf8f1;    /* 8.47 sobre el olivo */
  --nav-bg: #3b4f2a;       /* cinta de la descarga */
  --nav-fg: #fbf8f1;
  --blush: #f6d9e2;        /* peonía: mancha de la portada y banda de temporada */
  --rose: #a3313a;         /* rosa del logotipo para texto: precios y enlaces (5.63 sobre kraft) */
  --surface: #f7f2e8;      /* recuadros y franjas claras */
  /* Derivados: la hoja del tema los recalcula a partir del acento y del realce. */
  --accent-hover: #364927;
  --rose-deep: #872930;

  /* Marca y acuarelas que el tema no cambia */
  --kraft-hondo: #e4dac6;
  --line: #d8ccb4;
  --borde-campo: #8a8270;  /* 3.4:1 sobre kraft y crema: borde de campos */
  --olivo: #3b4f2a;
  --olivo-hondo: #263220;
  --olivo-hoja: #6b8a3e;   /* decorativo o texto grande */
  --olivo-claro: #e3ecd3;
  --olivo-texto: #34501f;
  --rosa-viva: #c0393f;    /* sólo ilustración */
  --tulipan: #e8834a;      /* destiempo y temporada; texto oscuro encima (6.18) */
  --tulipan-claro: #fbe0cc;
  --tulipan-texto: #8a3a0e;
  --orquidea: #6e2f7a;
  --lila-claro: #e7dcf3;
  --peonia: #ee9fb6;
  --peonia-claro: #f6d9e2;
  --hortensia-claro: #dcebf6;
  --girasol-claro: #fbefc3;
  --crema-pie: #c9d6b0;    /* texto secundario sobre el olivo hondo: 8.8 */
  --wa-bg: #d4efdc;
  --wa-bg-hover: #bfe6cb;
  --wa-fg: #0f5132;
  --focus: #3b4f2a;

  /* Nombres anteriores que siguen usando el panel y algunas hojas: apuntan a la paleta nueva. */
  --stem: var(--olivo-hoja);
  --stem-deep: var(--olivo);
  --sage: var(--olivo-claro);
  --sky: var(--hortensia-claro);
  --marigold: var(--tulipan-claro);

  /* Tipografía */
  --f-display: "Marcellus", "Trajan Pro", "Optima", Georgia, serif;
  --f-caps: "Marcellus SC", "Marcellus", "Optima", Georgia, serif;
  --f-body: "Jost", "Avenir Next", "Segoe UI", system-ui, sans-serif;

  /* Espacio, forma y profundidad */
  --e-1: 4px; --e-2: 8px; --e-3: 12px; --e-4: 16px; --e-5: 24px; --e-6: 32px; --e-7: 48px; --e-8: 64px; --e-9: 96px;
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 24px;
  --r-xl: 40px;
  --r-pill: 999px;
  --shadow: 0 1px 0 rgba(255, 255, 255, .6) inset, 0 2px 4px rgba(0, 0, 0, .05), 0 12px 28px -8px rgba(0, 0, 0, .16);
  --sombra-flota: 0 24px 48px -12px rgba(38, 50, 32, .32);
  --toque: 44px;

  /* Movimiento */
  --dur-1: 160ms;   /* respuesta: cursor, presionar */
  --dur-2: 320ms;   /* cambio de estado */
  --dur-3: 700ms;   /* entrada de secciones */
  --dur-4: 1400ms;  /* florecer */
  --curva: cubic-bezier(.2, .7, .2, 1);
  --curva-rebote: cubic-bezier(.16, 1, .3, 1);
  --curva-brote: cubic-bezier(.34, 1.4, .64, 1);

  color-scheme: light;
}