/* =========================================================
   AS APP · TEMA · CSS CLARO GLOBAL

   ÚNICO PROPIETARIO DE:
   - valores de los tokens cuando el tema resuelto es claro

   NO contiene:
   - layout
   - selectores de componentes
   - tamaños
   - posiciones
   - navegación
   - reproductor
   ========================================================= */

html.as-theme-light{
  --as-bg:var(--as-palette-f4f1eb);
  --as-bg-soft:var(--as-palette-ebe7df);

  --as-surface:var(--as-palette-ffffff);
  --as-surface-2:var(--as-palette-f2eee7);
  --as-surface-3:var(--as-palette-ebe7df);
  --as-surface-card:var(--as-palette-ffffff);
  --as-surface-card-2:var(--as-palette-faf8f4);
  --as-surface-deep:var(--as-palette-f4f1eb);
  --as-surface-input:var(--as-palette-ffffff);
  --as-surface-hover:var(--as-palette-f0ece5);
  --as-surface-control:var(--as-palette-e4ded5);

  --as-border:var(--as-palette-d8d2c8);
  --as-border-soft:var(--as-palette-e4ded5);
  --as-border-strong:var(--as-palette-c8c0b5);
  --as-border-input:var(--as-palette-cec7bc);
  --as-border-control:var(--as-palette-c8c0b5);
  --as-border-hover:var(--as-palette-bcb3a7);
  --as-border-faint:var(--as-palette-e8e2da);

  --as-text:var(--as-palette-171717);
  --as-text-muted:var(--as-palette-6e6a63);
  --as-text-soft:var(--as-palette-8a847b);
  --as-text-inverse:var(--as-palette-ffffff);
  --as-text-dim:var(--as-palette-77726b);
  --as-text-dimmer:var(--as-palette-68635d);
  --as-text-secondary:var(--as-palette-76716a);
  --as-text-secondary-2:var(--as-palette-827c74);
  --as-text-bright-soft:var(--as-palette-33302c);
  --as-text-bright:var(--as-palette-292724);

  --as-gold:var(--as-palette-b08b4f);
  --as-gold-soft:var(--as-palette-9b7b47);
  --as-gold-surface:var(--as-palette-f2eadb);
  --as-gold-surface-2:var(--as-palette-f4ecdd);
  --as-gold-surface-3:var(--as-palette-eee1c7);
  --as-gold-border:var(--as-palette-d8c39a);
  --as-gold-border-strong:var(--as-palette-b9995c);
  --as-gold-muted:var(--as-palette-7a6848);

  --as-white:var(--as-palette-ffffff);
  --as-black:var(--as-palette-000000);

  --as-danger:var(--as-palette-a12828);
  --as-danger-bg:var(--as-palette-f8e8e8);
  --as-danger-text:var(--as-palette-7f2020);

  --as-success:var(--as-palette-2e5d36);
  --as-success-bg:var(--as-palette-eaf4ec);
  --as-success-border:var(--as-palette-9fc4a6);
  --as-success-text:var(--as-palette-24502c);

  --as-error-bg:var(--as-palette-f8e8e8);
  --as-error-border:var(--as-palette-d4a1a1);
  --as-error-text:var(--as-palette-7f2020);

  --as-blue:var(--as-palette-0a6fe8);
  --as-blue-strong:var(--as-palette-0168d1);
  --as-blue-soft:var(--as-palette-edf5ff);

  --as-overlay:var(--as-palette-rgba-25-22-18-0p42);
  --as-overlay-strong:var(--as-palette-rgba-25-22-18-0p68);

  --as-shadow-card:0 8px 24px var(--as-palette-rgba-25-22-18-0p07);
  --as-shadow-float:0 14px 42px var(--as-palette-rgba-25-22-18-0p1);

  color-scheme:light;
}