/* STC Delivery · Design tokens (Fase 1)
   Identidad propia: verde bosque + acento coral, tipografía geométrica, mucho espacio en blanco. */
:root {
  --c-brand: #0b6b4f;
  --c-brand-600: #095a43;
  --c-brand-50: #e8f4ef;
  --c-brand-text: #0b6b4f; /* marca usada como texto/iconos: más claro en oscuro */
  --c-accent: #ff6b4a;
  --c-ink: #14201b;
  --c-ink-2: #4a5a53;
  --c-ink-3: #8a9a93;
  --c-line: #e6ece9;
  --c-bg: #ffffff;
  --c-surface: #f6f8f7;
  --c-danger: #d93a3a;
  --c-warn: #e8a317;
  --c-ok: #1f9d63;

  --font: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fs-xs: .75rem; --fs-sm: .875rem; --fs-md: 1rem; --fs-lg: 1.25rem; --fs-xl: 1.75rem; --fs-2xl: 2.25rem;

  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 24px; --sp-6: 32px; --sp-7: 48px;
  --r-sm: 10px; --r-md: 16px; --r-lg: 24px; --r-pill: 999px;
  --shadow-1: 0 1px 2px rgba(20,32,27,.06), 0 2px 8px rgba(20,32,27,.05);
  --shadow-2: 0 8px 30px rgba(20,32,27,.12);
  --ease: cubic-bezier(.22,.8,.28,1);
  --t-fast: 140ms; --t-med: 260ms;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
}

/* Tema: automático (sistema) salvo que el usuario elija claro/oscuro (data-theme en <html>). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --c-bg: #0e1512; --c-surface: #16201c; --c-ink: #eef4f1; --c-ink-2: #b5c4bd;
    --c-ink-3: #7c8d85; --c-line: #24322c; --c-brand-50: #12261f; --c-brand-text: #4fd1a1;
  }
}
:root[data-theme="dark"] {
  --c-bg: #0e1512; --c-surface: #16201c; --c-ink: #eef4f1; --c-ink-2: #b5c4bd;
  --c-ink-3: #7c8d85; --c-line: #24322c; --c-brand-50: #12261f; --c-brand-text: #4fd1a1;
}