/* ============================================================
   palette.css — identidad visual Balanced
   ============================================================ */

:root {
  /* Fondos
     ========================================================== */

  --bg-primary: #062b20;
  --bg-secondary: #0a3528;

  /* Atmósfera
     ========================================================== */

  --smoke-black-rgb: 0, 0, 0;
  --smoke-deep-rgb: 6, 10, 8;
  --smoke-green-black-rgb: 3, 24, 17;

  /* Divisores
     ========================================================== */

  --divider: #ffe600;
  --divider-rgb: 255, 230, 0;

  --divider-glow: #fff6a3;
  --divider-glow-rgb: 255, 246, 163;

  /* Botones y CTAs
     ========================================================== */

  --cta-primary: #ffe600;
  --cta-primary-rgb: 255, 230, 0;
  --cta-primary-text: #062b20;

  --cta-secondary: #f3f1e8;
  --cta-secondary-rgb: 243, 241, 232;
  --cta-secondary-text: #062b20;

  /* Iconos
     ========================================================== */

  --icon-primary: #ffe600;

  /* Estados hover
     ========================================================== */

  --hover-primary: #f3e96b;
  --hover-secondary: #d4d8d2;

  /* Tipografía
     ========================================================== */

  --text-h1: #f3f1e8;
  --text-h2: #e8f0e9;
  --text-h3: #d4d8d2;

  --text-body: #fbfbf8;
  --text-muted: #7f9187;
  --text-caption: #91a399;

  /* Acentos decorativos
     ========================================================== */

  --accent-primary: #f3e96b;
  --accent-primary-rgb: 243, 233, 107;

  --accent-secondary: #7f9187;

  --accent-display-green: #6fd6a8;
  --accent-display-green-rgb: 111, 214, 168;

  /* Degradado compartido por títulos e iconos destacados.
     ========================================================== */

  --display-text-gradient:
    linear-gradient(
      100deg,
      var(--accent-display-green) 0%,
      var(--accent-display-green) 15%,
      var(--accent-primary) 45%,
      var(--cta-primary) 100%
    );

  /* Superficies
     ========================================================== */

  --surface-card: #0d3227;
  --surface-elevated: #124234;
  --surface-deep: #08281e;

  --border-subtle: #1a4a3a;
  --border-emphasis: #2b6550;

  /* Formularios
     ========================================================== */

  --form-background: #0d3227;
  --form-border: #1a4a3a;
  --form-focus: #ffe600;

  /* Estados funcionales
     Estos colores conservan su significado en toda la aplicación.
     ========================================================== */

  --state-error: #a53a3a;
  --state-error-emphasis: #d4574f;
  --danger: #c0392b;

  --state-success: #55b887;
  --state-warning: #e8bd57;
  --state-disabled: #6e7f75;

  /* Sombras y overlays neutrales
     ========================================================== */

  --shadow-color-rgb: 0, 0, 0;
}