/*
 * Tema de marca Aranguiz Fruit Express (tienda y administración).
 * Fuente: ../../brands/aranguiz-fruit-express/design-system/PATTERNS.md — paleta (§4),
 * tipografías (§5) y reglas (§6) oficiales. Si cambia PATTERNS.md se actualiza este
 * archivo; nunca al revés.
 *
 * Se activa con <html data-brand="aranguiz-fruit-express"> y se carga DESPUÉS de
 * tokens.css y base.css. Redefine tokens semánticos; los neutros derivados (ink-2,
 * ink-3, bordes) están calculados para contraste WCAG (ver DESIGN.md §3).
 *
 * Se conservan los colores funcionales del proyecto: precio aproximado (ámbar,
 * punteado), error (rojo) e información/simulación (azul). El coral de la marca
 * significa "novedad", no error.
 */

:root[data-brand="aranguiz-fruit-express"] {
  /* Marca (PATTERNS.md §4) */
  --aranguiz-green: #064D3B;
  --aranguiz-yellow: #FFDA58;
  --aranguiz-green-soft: #F1F7E8;
  --aranguiz-cream: #FFF9EC;
  --aranguiz-coral: #F34F70;
  --aranguiz-white: #FFFFFF;
  --aranguiz-ink: #183B2C;
  --aranguiz-coral-ink: #C8234A; /* provisional: texto chico sobre coral */

  /* Mapeo semántico */
  --bg: var(--aranguiz-cream);
  --surface: var(--aranguiz-white);
  --surface-2: var(--aranguiz-green-soft);
  --ink: var(--aranguiz-ink);
  --ink-2: #4A6357;          /* 6.2:1 sobre crema */
  --ink-3: #56705F;          /* 5.2:1 sobre crema, 5.4:1 sobre blanco */
  --border: #E2E8D9;
  --border-strong: #7E9184;  /* 3.2:1: bordes de controles */

  --primary: var(--aranguiz-green);
  --primary-hover: #043A2C;
  --primary-tint: #E2EFD3;   /* estado seleccionado; texto primary 8.4:1 */
  --on-primary: var(--aranguiz-white);

  --promo: var(--aranguiz-yellow);
  --on-promo: var(--aranguiz-ink);        /* 9.1:1 */
  --novelty: var(--aranguiz-coral-ink);
  --on-novelty: var(--aranguiz-white);    /* 5.5:1 */

  --focus: var(--aranguiz-green);
  --overlay: rgba(24, 59, 44, 0.5);
  --shadow-sm: 0 1px 2px rgba(24, 59, 44, 0.06), 0 1px 3px rgba(24, 59, 44, 0.08);
  --shadow: 0 4px 12px rgba(24, 59, 44, 0.08);

  --font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-num: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  --fs-md: 1rem;   /* Inter tiene más altura de x que Atkinson: 16px equivale al 17px anterior */
  --r-sm: 12px;
  --r-md: 16px;
}

/* Inter: cifras tabulares sin el ajuste de tracking pensado para la mono anterior. */
[data-brand="aranguiz-fruit-express"] .num { letter-spacing: 0; }

/* Superficies: tarjetas blancas sobre crema con sombra suave (PATTERNS.md §6). */
[data-brand="aranguiz-fruit-express"] :is(.product, .cart-line, .order-row, .rebase-row, .option-card, .table-wrap) {
  border-color: var(--border); box-shadow: var(--shadow-sm);
}
[data-brand="aranguiz-fruit-express"] .rebase-row.is-off { box-shadow: none; }
[data-brand="aranguiz-fruit-express"] .chip[aria-pressed="true"] { background: var(--primary); border-color: var(--primary); color: var(--on-primary); }

/* ------------------------------------------------------------- marca en cabeceras */
.brand-lockup { display: inline-flex; align-items: center; gap: var(--s-2); text-decoration: none; color: var(--primary); }
.brand-lockup:hover { color: var(--primary-hover); }
.brand-lockup img { width: auto; height: 52px; flex: none; }
.brand-lockup .brand-name { display: grid; font-family: var(--font-display); font-weight: 800; font-size: 1.125rem; line-height: 1.05; }
.brand-lockup .brand-name small { font-size: 0.8125rem; font-weight: 700; color: var(--ink-2); }
@media (min-width: 720px) { .brand-lockup img { height: 60px; } .brand-lockup .brand-name { font-size: 1.25rem; } }

/* Bienvenida (elegir perfil): logo grande con la bajada legible (≥ 300 px). */
.brand-hero { display: grid; justify-items: center; gap: var(--s-2); padding: var(--s-2) 0 var(--s-1); text-align: center; }
.brand-hero img { width: min(300px, 80vw); height: auto; }