/*
 * Tema claro de ENVIO XL.
 * Comparte estructura y contenido con el tema oscuro; solo cambia el diseño.
 */
: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: #f3f7f1;
  --surface: #ffffff;
  --surface-soft: #e9f1ea;
  --surface-glass: rgba(255, 255, 255, 0.94);
  --surface-inset: rgba(226, 238, 229, 0.72);
  --text: #14231a;
  --muted: #52675a;

  --primary: #0d7547;
  --primary-rgb: 13, 117, 71;
  --secondary: #006b9b;
  --secondary-rgb: 0, 107, 155;
  --accent: #9a5b00;
  --accent-rgb: 154, 91, 0;
  --on-primary: #ffffff;

  --border: rgba(13, 117, 71, 0.2);
  --border-subtle: rgba(20, 35, 26, 0.1);
  --border-soft: rgba(20, 35, 26, 0.11);
  --border-default: rgba(20, 35, 26, 0.13);
  --border-strong: rgba(20, 35, 26, 0.16);
  --overlay-soft: rgba(20, 35, 26, 0.025);
  --overlay-hover: rgba(20, 35, 26, 0.055);
  --inset-highlight: rgba(255, 255, 255, 0.85);

  --page-glow-primary: rgba(13, 117, 71, 0.12);
  --page-glow-secondary: rgba(0, 107, 155, 0.1);
  --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: 20px;
  --radius-panel: 16px;
  --radius-avatar: 18px;
  --radius-control: 7px;
  --radius-pill: 999px;

  --shadow-brand: 0 8px 24px rgba(20, 45, 30, 0.14);
  --shadow: 0 24px 60px rgba(20, 45, 30, 0.16);
  --shadow-panel: 0 20px 55px rgba(20, 45, 30, 0.1);
  --shadow-card: 0 20px 55px rgba(20, 45, 30, 0.08);
  --shadow-avatar: 0 10px 24px rgba(20, 45, 30, 0.1);
  --header-background: var(--background);
  --header-border: rgba(20, 35, 26, 0.1);
  --team-avatar-frame: linear-gradient(135deg, rgba(13, 117, 71, 0.18), rgba(0, 107, 155, 0.14));
  --team-avatar-opacity: 1;
  --team-avatar-opacity-hover: 1;
  --team-avatar-filter: saturate(0.6) contrast(1.02);
}