/* =======================================================
   THEMES_NETWORK — Admin Console
   Tema "Forest Gold": sidebar verde-oscuro forestal,
   fondo mint claro, acento mostaza, tarjetas blancas con
   sombra suave y botones tipo pill.
   ======================================================= */

:root {
  /* ===== Superficies ===== */
  --color-bg:              #EBF1ED;     /* fondo principal (mint claro) */
  --color-bg-sink:         #E0E8E3;
  --color-surface:         #FFFFFF;      /* tarjetas, modales */
  --color-surface-raised:  #FFFFFF;
  --color-surface-sunk:    #F2F6F3;
  --color-surface-flat:    #FFFFFF;

  /* ===== Sidebar oscuro (verde-forest) ===== */
  --color-sidebar-bg:      #3D5550;
  --color-sidebar-bg-deep: #344846;
  --color-sidebar-text:    rgba(255, 255, 255, 0.92);
  --color-sidebar-muted:   rgba(255, 255, 255, 0.55);
  --color-sidebar-dim:     rgba(255, 255, 255, 0.35);
  --color-sidebar-active:  rgba(255, 255, 255, 0.08);
  --color-sidebar-border:  rgba(255, 255, 255, 0.08);

  /* ===== Brand (mostaza / dorado) ===== */
  --color-accent:          #D9A832;
  --color-accent-soft:     #E5BC54;
  --color-accent-glow:     rgba(217, 168, 50, 0.30);
  --color-accent-ink:      #B8881C;
  --color-accent-deep:     #8A6512;

  /* ===== Texto ===== */
  --color-text:            #3A4A47;
  --color-text-strong:     #1F2C2A;
  --color-text-muted:      #6B7C78;
  --color-text-dim:        #98A8A4;
  --color-text-inverse:    #FFFFFF;

  /* ===== Semánticos ===== */
  --color-success:         #1DB087;
  --color-success-soft:    #D6F2E8;
  --color-warning:         #E6A23C;
  --color-warning-soft:    #FBEED5;
  --color-danger:          #C0263F;
  --color-danger-soft:     #F4D6DC;
  --color-info:            #3D7DCC;
  --color-info-soft:       #D7E4F5;

  /* ===== Bordes ===== */
  --color-border:          rgba(40, 60, 55, 0.08);
  --color-border-strong:   rgba(40, 60, 55, 0.18);

  /* ===== Sombras (flat, drop suaves) ===== */
  --shadow-xs:             0 1px 2px rgba(40, 60, 55, 0.04);
  --shadow-sm:             0 2px 6px rgba(40, 60, 55, 0.06);
  --shadow-card:           0 6px 20px rgba(40, 60, 55, 0.08), 0 2px 6px rgba(40, 60, 55, 0.04);
  --shadow-card-hover:     0 12px 28px rgba(40, 60, 55, 0.12), 0 4px 10px rgba(40, 60, 55, 0.06);
  --shadow-lg:             0 16px 40px rgba(40, 60, 55, 0.14);
  --shadow-sidebar:        0 10px 30px rgba(20, 30, 28, 0.25);

  /* ===== Aliases neomórficos → flat (compatibilidad con clases existentes) ===== */
  --shadow-light:          rgba(255, 255, 255, 1);
  --shadow-dark:           rgba(40, 60, 55, 0.10);
  --shadow-dark-strong:    rgba(40, 60, 55, 0.18);
  --nm-raised-xs:          var(--shadow-xs);
  --nm-raised-sm:          var(--shadow-sm);
  --nm-raised:             var(--shadow-card);
  --nm-raised-lg:          var(--shadow-lg);
  --nm-sunk-xs:            inset 0 0 0 1px var(--color-border);
  --nm-sunk-sm:            inset 0 0 0 1px var(--color-border);
  --nm-sunk:               inset 0 0 0 1px var(--color-border-strong);
  --nm-sunk-lg:            inset 0 0 0 1px var(--color-border-strong);
  --nm-pressed:            inset 0 2px 4px rgba(40, 60, 55, 0.12);

  /* ===== Gradientes ===== */
  --grad-bg:               linear-gradient(180deg, #EFF4F0 0%, #E5ECE7 100%);
  --grad-raised:           none;
  --grad-sunk:             none;
  --grad-accent:           linear-gradient(135deg, #E0B441 0%, #C8961F 100%);
  --grad-accent-soft:      linear-gradient(135deg, #E5BC54 0%, #D9A832 100%);
  --grad-sidebar:          linear-gradient(180deg, #3F5853 0%, #344846 100%);

  /* ===== Glow / focus ===== */
  --glow-accent:           0 8px 20px rgba(217, 168, 50, 0.30);
  --glow-accent-strong:    0 10px 28px rgba(217, 168, 50, 0.45);
  --ring-focus:            0 0 0 3px rgba(217, 168, 50, 0.28);

  /* ===== Glass (modales) ===== */
  --glass-bg-tint:         rgba(255, 255, 255, 0.7);
  --glass-bg-tint-strong:  rgba(255, 255, 255, 0.85);
  --glass-border:          rgba(40, 60, 55, 0.10);
  --glass-shadow:          var(--shadow-lg);
  --glass-tint-pastel:     none;

  /* ===== Tipografía ===== */
  --font-family:           'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-display:          'Inter', sans-serif;
  --font-mono:             'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --fs-xs:   0.72rem;
  --fs-sm:   0.82rem;
  --fs-md:   0.94rem;
  --fs-lg:   1.08rem;
  --fs-xl:   1.32rem;
  --fs-2xl:  1.65rem;
  --fs-3xl:  2.1rem;
  --fs-4xl:  2.75rem;

  --fw-regular: 400;
  --fw-medium:  500;
  --fw-semi:    600;
  --fw-bold:    700;

  /* ===== Espaciado ===== */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* ===== Radios (todo más redondo, tipo pill) ===== */
  --radius-sm:   12px;
  --radius-md:   18px;
  --radius-lg:   26px;
  --radius-xl:   34px;
  --radius-pill: 999px;

  /* ===== Easing/duración ===== */
  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast:     180ms;
  --dur-base:     320ms;
  --dur-slow:     600ms;

  /* ===== Layout admin ===== */
  --sidebar-w:        260px;
  --sidebar-w-mini:   80px;
  --topbar-h:         88px;
  --content-max:      1480px;
  --bp-md:            768px;
  --bp-lg:            1024px;
  --bp-xl:            1280px;

  --z-sidebar:    40;
  --z-topbar:     30;
  --z-drawer:     50;
  --z-modal:      80;
  --z-toast:      90;
}