/* THE LOOK Marketing — único sistema de tokens del módulo. */
:root {
  --tl-green-900: #0f3d24;
  --tl-green-800: #14532d;
  --tl-green-700: #1b6b40;
  --tl-green-600: #1e7a49;
  --tl-gold-500: #c8af50;
  --tl-gold-300: #d6c06e;
  --tl-ink: #1c1917;
  --tl-muted: #5c6560;
  --tl-line: #e4ebe6;
  --tl-bg: #f3f6f4;
  --tl-surface: #ffffff;
  --tl-cream: #f7f3ea;
  --tl-on-green: #f7f3ea;
  --tl-ok: #0f7a5a;
  --tl-ok-bg: #e6f6ef;
  --tl-warn: #b45309;
  --tl-warn-bg: #fff4e0;
  --tl-bad: #9f1239;
  --tl-bad-bg: #fde8ee;
  --tl-whatsapp: #128c7e;
  --tl-font-ui: "Montserrat", system-ui, sans-serif;
  --tl-font-display: "Playfair Display", Georgia, serif;
  --tl-sidebar: 250px;
  --tl-radius: 14px;
  --tl-shadow: 0 10px 30px rgba(15, 61, 36, 0.08);
  --tl-green-gloss:
    linear-gradient(180deg, rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0) 20%),
    radial-gradient(120% 70% at 72% -10%, rgba(214, 192, 110, 0.18), transparent 55%),
    linear-gradient(158deg, #1b6b40 0%, #103f26 40%, #0c3521 60%, #175232 100%);
  --tl-green-btn: linear-gradient(180deg, #1e7a49 0%, #15532e 100%);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --tl-ink: #f3f6f4;
    --tl-muted: #b7c4bc;
    --tl-line: #2a4034;
    --tl-bg: #0c1a14;
    --tl-surface: #13261c;
    --tl-cream: #f7f3ea;
    --tl-ok-bg: #14352c;
    --tl-warn-bg: #3a2a12;
    --tl-bad-bg: #3a1520;
    --tl-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}

[data-theme="dark"] {
  --tl-ink: #f3f6f4;
  --tl-muted: #b7c4bc;
  --tl-line: #2a4034;
  --tl-bg: #0c1a14;
  --tl-surface: #13261c;
  --tl-cream: #f7f3ea;
  --tl-ok-bg: #14352c;
  --tl-warn-bg: #3a2a12;
  --tl-bad-bg: #3a1520;
  --tl-shadow: 0 10px 30px rgba(0, 0, 0, 0.35);
  color-scheme: dark;
}

[data-theme="light"] {
  --tl-ink: #1c1917;
  --tl-muted: #5c6560;
  --tl-line: #e4ebe6;
  --tl-bg: #f3f6f4;
  --tl-surface: #ffffff;
  --tl-cream: #f7f3ea;
  --tl-ok-bg: #e6f6ef;
  --tl-warn-bg: #fff4e0;
  --tl-bad-bg: #fde8ee;
  color-scheme: light;
}
