/* ==========================================================================
   CatalogoCode Design System v2 — 02 · Temas (SOLO colores)
   Un tema no define tamaños ni layout: no puede romper la página.
   Se aplica con data-theme="<clave>" en el contenedor de la tienda.
   La clave sale de App\core\DesignSystem::themeFor().
   --ds-accent lo sobreescribe el color de acento de cada tienda.
   ========================================================================== */
@layer themes {

  /* ───────────── CLAROS ───────────── */
  [data-theme="puro"] {
    color-scheme: light;
    --ds-bg: #fafafa;        --ds-surface: #ffffff;   --ds-surface-2: #f4f4f5;
    --ds-text: #18181b;      --ds-text-muted: #52525b; --ds-border: #e4e4e7;
    --ds-border-strong: #919199; --ds-input: #ffffff;  --ds-accent: #18181b;
    --ds-hero-overlay: rgba(9, 9, 11, .55);
  }
  [data-theme="arena"] {
    color-scheme: light;
    --ds-bg: #fafafa;        --ds-surface: #ffffff;   --ds-surface-2: #f4f4f5;
    --ds-text: #18181b;      --ds-text-muted: #52525b; --ds-border: #e4e4e7;
    --ds-border-strong: #a1a1aa; --ds-input: #ffffff;  --ds-accent: #d97706;
    --ds-hero-overlay: rgba(24, 24, 27, .55);
  }
  [data-theme="botanico"] {
    color-scheme: light;
    --ds-bg: #f4f7f4;        --ds-surface: #ffffff;   --ds-surface-2: #e8eee4;
    --ds-text: #1d2a20;      --ds-text-muted: #4f6153; --ds-border: #d6e0d2;
    --ds-border-strong: #839787; --ds-input: #ffffff;  --ds-accent: #2f6b45;
    --ds-hero-overlay: rgba(20, 35, 25, .5);
  }
  [data-theme="sereno"] {
    color-scheme: light;
    --ds-bg: #f8fafc;        --ds-surface: #ffffff;   --ds-surface-2: #f1f5f9;
    --ds-text: #0f172a;      --ds-text-muted: #64748b; --ds-border: #e2e8f0;
    --ds-border-strong: #94a3b8; --ds-input: #ffffff;  --ds-accent: #2563eb;
    --ds-hero-overlay: rgba(15, 23, 42, .5);
  }
  [data-theme="papel"] {
    color-scheme: light;
    --ds-bg: #f8fafc;        --ds-surface: #ffffff;   --ds-surface-2: #f1f5f9;
    --ds-text: #0f172a;      --ds-text-muted: #64748b; --ds-border: #e2e8f0;
    --ds-border-strong: #94a3b8; --ds-input: #ffffff;  --ds-accent: #2563eb;
    --ds-hero-overlay: rgba(15, 23, 42, .55);
  }
  [data-theme="aurora"] {
    color-scheme: light;
    --ds-bg: linear-gradient(160deg, #fdf4ff 0%, #eef2ff 50%, #ecfeff 100%);
    --ds-bg-solid: #f5f3ff;
    --ds-surface: #ffffff;   --ds-surface-2: #f3f0ff;
    --ds-text: #1e1b3a;      --ds-text-muted: #545077; --ds-border: #e2ddf5;
    --ds-border-strong: #938cba; --ds-input: #ffffff;  --ds-accent: #7c3aed;
    --ds-hero-overlay: rgba(30, 27, 58, .5);
  }

  /* ───────────── OSCUROS ───────────── */
  [data-theme="noir"] {
    color-scheme: dark;
    --ds-bg: #0b0b0d;        --ds-surface: #151518;   --ds-surface-2: #1d1d21;
    --ds-text: #f4f4f5;      --ds-text-muted: #a1a1aa; --ds-border: #2a2a30;
    --ds-border-strong: #64646f; --ds-input: #1a1a1e;  --ds-accent: #eab308;
    --ds-hero-overlay: rgba(0, 0, 0, .6);
  }
  [data-theme="carbon"] {
    color-scheme: dark;
    --ds-bg: #14110e;        --ds-surface: #1d1915;   --ds-surface-2: #26211b;
    --ds-text: #f5eee4;      --ds-text-muted: #b3a593; --ds-border: #352e26;
    --ds-border-strong: #736858; --ds-input: #221d18;  --ds-accent: #f59e0b;
    --ds-hero-overlay: rgba(10, 8, 6, .6);
  }
  [data-theme="oro"] {
    color-scheme: dark;
    --ds-bg: #0a0806;        --ds-surface: #14110c;   --ds-surface-2: #1c1810;
    --ds-text: #f7ecd2;      --ds-text-muted: #bfae88; --ds-border: #2f2817;
    --ds-border-strong: #73633d; --ds-input: #18140e;  --ds-accent: #d4af37;
    --ds-hero-overlay: rgba(0, 0, 0, .62);
  }
  [data-theme="medianoche"] {
    color-scheme: dark;
    --ds-bg: #0a0f1c;        --ds-surface: #111827;   --ds-surface-2: #182235;
    --ds-text: #eef2f8;      --ds-text-muted: #9aa8bf; --ds-border: #243049;
    --ds-border-strong: #586783; --ds-input: #141d2e;  --ds-accent: #38bdf8;
    --ds-hero-overlay: rgba(5, 8, 16, .6);
  }
  [data-theme="barberia"] {
    color-scheme: dark;
    --ds-bg: #101010;        --ds-surface: #1a1a1a;   --ds-surface-2: #232323;
    --ds-text: #f5f5f5;      --ds-text-muted: #a8a8a8; --ds-border: #333333;
    --ds-border-strong: #696969; --ds-input: #1f1f1f;  --ds-accent: #dc2626;
    --ds-hero-overlay: rgba(0, 0, 0, .62);
  }
  [data-theme="cristal"] {
    color-scheme: dark;
    --ds-bg: radial-gradient(120% 80% at 20% 0%, #1e1b4b 0%, #0b0b14 60%);
    --ds-bg-solid: #0f0e1d;
    --ds-surface: rgba(255, 255, 255, .06); --ds-surface-2: rgba(255, 255, 255, .1);
    --ds-text: #f1f0ff;      --ds-text-muted: #aba8cc; --ds-border: rgba(255, 255, 255, .12);
    --ds-border-strong: rgba(255, 255, 255, 0.36); --ds-input: rgba(255, 255, 255, .07);
    --ds-accent: #a78bfa;
    --ds-hero-overlay: rgba(8, 7, 20, .55);
    --ds-glass: blur(18px) saturate(150%);
  }

  /* ───────────── POR RUBRO ───────────── */
  [data-theme="pasteleria"] {
    color-scheme: light;
    --ds-bg: #fdf6f0;        --ds-surface: #fffaf6;   --ds-surface-2: #f8e8ef;
    --ds-text: #3d2a33;      --ds-text-muted: #73596a; --ds-border: #f0dce4;
    --ds-border-strong: #9c7a8b; --ds-input: #fffdfb;  --ds-accent: #db5a8a;
    --ds-hero-overlay: rgba(61, 42, 51, .55);
  }
  [data-theme="mascotas"] {
    color-scheme: light;
    --ds-bg: #fffbeb;        --ds-surface: #ffffff;   --ds-surface-2: #fef3c7;
    --ds-text: #292524;      --ds-text-muted: #57534e; --ds-border: #f5e6b8;
    --ds-border-strong: #918253; --ds-input: #ffffff;  --ds-accent: #f97316;
    --ds-hero-overlay: rgba(41, 37, 36, .55);
  }
  [data-theme="joyeria"] {
    color-scheme: light;
    --ds-bg: #f8f8f8;        --ds-surface: #ffffff;   --ds-surface-2: #f1f1f3;
    --ds-text: #1c1c1e;      --ds-text-muted: #5a5a60; --ds-border: #e3e3e6;
    --ds-border-strong: #8a8a91; --ds-input: #ffffff;  --ds-accent: #71717a;
    --ds-hero-overlay: rgba(28, 28, 30, .55);
  }
  [data-theme="pop"] {
    color-scheme: light;
    --ds-bg: #fdf4ff;        --ds-surface: #ffffff;   --ds-surface-2: #fae8ff;
    --ds-text: #1e0a2e;      --ds-text-muted: #5b3b6e; --ds-border: #f0d5f7;
    --ds-border-strong: #a77fb8; --ds-input: #ffffff;  --ds-accent: #db2777;
    --ds-hero-overlay: rgba(30, 10, 46, .55);
  }
  [data-theme="deportes"] {
    color-scheme: dark;
    --ds-bg: #0a0a0b;        --ds-surface: #141416;   --ds-surface-2: #1c1c20;
    --ds-text: #fafafa;      --ds-text-muted: #a1a1aa; --ds-border: #27272a;
    --ds-border-strong: #6a6a74; --ds-input: #18181b;  --ds-accent: #a3e635;
    --ds-theme-brand: #a3e635; --ds-theme-brand-ink: #111111;
    --ds-hero-overlay: rgba(0, 0, 0, .62);
  }

  /* ───────────── TEMPORADA (el acento del tema manda sobre el de la tienda) ───────────── */
  [data-theme="navidad"] {
    color-scheme: dark;
    --ds-bg: #0f2a1d;        --ds-surface: #163826;   --ds-surface-2: #1d4530;
    --ds-text: #f5f1e6;      --ds-text-muted: #b9c7b4; --ds-border: #24503a;
    --ds-border-strong: #6f8f7c; --ds-input: #163826;  --ds-accent: #dc2626;
    --ds-theme-brand: #dc2626; --ds-theme-brand-ink: #ffffff;
    --ds-hero-overlay: rgba(8, 26, 17, .6);
  }
  [data-theme="amor"] {
    color-scheme: light;
    --ds-bg: #fff1f3;        --ds-surface: #ffffff;   --ds-surface-2: #ffe4e8;
    --ds-text: #3b0d18;      --ds-text-muted: #7a3b4a; --ds-border: #f7cfd8;
    --ds-border-strong: #b47282; --ds-input: #ffffff;  --ds-accent: #e11d48;
    --ds-theme-brand: #e11d48; --ds-theme-brand-ink: #ffffff;
    --ds-hero-overlay: rgba(59, 13, 24, .55);
  }
  [data-theme="blackfriday"] {
    color-scheme: dark;
    --ds-bg: #000000;        --ds-surface: #111111;   --ds-surface-2: #1a1a1a;
    --ds-text: #ffffff;      --ds-text-muted: #a3a3a3; --ds-border: #262626;
    --ds-border-strong: #6a6a6a; --ds-input: #141414;  --ds-accent: #facc15;
    --ds-theme-brand: #facc15; --ds-theme-brand-ink: #111111;
    --ds-hero-overlay: rgba(0, 0, 0, .65);
  }
  [data-theme="madre"] {
    color-scheme: light;
    --ds-bg: #fff7f9;        --ds-surface: #ffffff;   --ds-surface-2: #fce7ef;
    --ds-text: #380c1e;      --ds-text-muted: #753b53; --ds-border: #f5d5e2;
    --ds-border-strong: #a66a84; --ds-input: #ffffff;  --ds-accent: #be185d;
    --ds-theme-brand: #be185d; --ds-theme-brand-ink: #ffffff;
    --ds-hero-overlay: rgba(56, 12, 30, .55);
  }
  [data-theme="padre"] {
    color-scheme: dark;
    --ds-bg: #0b101b;        --ds-surface: #121a2b;   --ds-surface-2: #1a253d;
    --ds-text: #f1f5f9;      --ds-text-muted: #94a3b8; --ds-border: #22304d;
    --ds-border-strong: #5c7499; --ds-input: #121a2b;  --ds-accent: #38bdf8;
    --ds-theme-brand: #0369a1; --ds-theme-brand-ink: #ffffff;
    --ds-hero-overlay: rgba(11, 16, 27, .65);
  }
  [data-theme="halloween"] {
    color-scheme: dark;
    --ds-bg: #0b090e;        --ds-surface: #15121b;   --ds-surface-2: #1f1a28;
    --ds-text: #f8fafc;      --ds-text-muted: #a1a1aa; --ds-border: #2e253c;
    --ds-border-strong: #705d8f; --ds-input: #15121b;  --ds-accent: #f97316;
    --ds-theme-brand: #f97316; --ds-theme-brand-ink: #111111;
    --ds-hero-overlay: rgba(11, 9, 14, .65);
  }
}