/*
 * Tema claro cálido de ENVIO XL.
 * Solo contiene variables visuales: no modifica contenido ni logotipo.
 */
:root {
  color-scheme: light;
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  --background: #fbf7ef;
  --surface: #fffdf8;
  --surface-soft: #f1eadf;
  --surface-glass: rgba(255, 253, 248, 0.94);
  --surface-inset: rgba(243, 236, 224, 0.76);
  --text: #18251f;
  --muted: #5b6860;

  --primary: #176b4d;
  --primary-rgb: 23, 107, 77;
  --secondary: #245f8c;
  --secondary-rgb: 36, 95, 140;
  --accent: #a05a00;
  --accent-rgb: 160, 90, 0;
  --on-primary: #ffffff;

  --border: rgba(23, 107, 77, 0.2);
  --border-subtle: rgba(24, 37, 31, 0.09);
  --border-soft: rgba(24, 37, 31, 0.1);
  --border-default: rgba(24, 37, 31, 0.12);
  --border-strong: rgba(24, 37, 31, 0.15);
  --overlay-soft: rgba(24, 37, 31, 0.025);
  --overlay-hover: rgba(24, 37, 31, 0.055);
  --inset-highlight: rgba(255, 255, 255, 0.88);

  --page-glow-primary: rgba(23, 107, 77, 0.1);
  --page-glow-secondary: rgba(160, 90, 0, 0.07);
  --page-background:
    radial-gradient(circle at 15% -10%, var(--page-glow-primary), transparent 45%),
    radial-gradient(circle at 90% 0%, var(--page-glow-secondary), transparent 40%),
    var(--background);

  --radius: 18px;
  --radius-panel: 14px;
  --radius-avatar: 18px;
  --radius-control: 8px;
  --radius-pill: 999px;

  --shadow-brand: 0 8px 24px rgba(54, 39, 20, 0.15);
  --shadow: 0 24px 60px rgba(54, 39, 20, 0.16);
  --shadow-panel: 0 20px 55px rgba(54, 39, 20, 0.1);
  --shadow-card: 0 20px 55px rgba(54, 39, 20, 0.08);
  --shadow-avatar: 0 10px 24px rgba(54, 39, 20, 0.1);
  --team-avatar-frame: linear-gradient(135deg, rgba(23, 107, 77, 0.28), rgba(160, 90, 0, 0.18));
  --team-avatar-opacity: 0.58;
  --team-avatar-opacity-hover: 0.78;
  --team-avatar-filter: saturate(0.48) contrast(0.9);
}