/* Estilos por marca. Se activan con data-theme en <html>; sin él se queda el estilo base. */

/* Belleza: "Estudio". Papel cálido y arcilla. La tipografía es la misma en toda la marca. */
[data-theme="estudio"] {
  --bg: #FAF6F1; --surface: #FFFFFF; --ink: #2B2024; --ink-2: #5B4A50; --muted: #7B6A70; --line: #EBE1D8;
  --primary: #A8432A; --primary-hover: #8C3520; --primary-ink: #FFFFFF; --primary-soft: #F5E1D9;
  --ok: #3F6B53; --ok-soft: #E3EEE6; --warn: #9A5B00; --warn-soft: #FBEBCD; --bad: #B42318; --bad-soft: #FBE4E1;
  --wa-bg: #F1E9DF; --radius-lg: 20px; --radius: 14px; --radius-sm: 10px;
  --num: 'Bricolage Grotesque', system-ui, sans-serif;
}
[data-theme="estudio"] h1 em, [data-theme="estudio"] h2 em { font-style: normal; color: var(--primary); }
[data-theme="estudio"] .panel, [data-theme="estudio"] .cal { box-shadow: 0 1px 2px rgba(43,32,36,.04), 0 6px 18px rgba(43,32,36,.05); border-color: #EFE6DE; }
[data-theme="estudio"] .side { background: #2B2024; }
[data-theme="estudio"] .side nav a { color: #D9CCD0; }
[data-theme="estudio"] .side nav a.on { background: var(--primary); color: #fff; }
[data-theme="estudio"] .auth-side { background: radial-gradient(120% 80% at 0% 100%, #5A2A22 0%, #2B2024 60%); }
[data-theme="estudio"] .seg button[aria-pressed="true"], [data-theme="estudio"] .tabs a[aria-current="page"] { background: var(--ink); }
[data-theme="estudio"] .cal-day.is-today b { background: var(--primary); }
[data-theme="estudio"] .cal-ev { border-radius: 10px; }
[data-theme="estudio"] .cal-ev.confirmed { background: #E7EFE9; border-left-color: #3F6B53; }
[data-theme="estudio"] .cal-ev.pending { background: #FBEFD9; border-left-color: #B7791F; }
[data-theme="estudio"] .cal-closed { background: repeating-linear-gradient(135deg, #F4EEE7 0 6px, #EFE7DF 6px 12px); }
[data-theme="estudio"] .outbox { border-color: #E8C35A; background: #FFFBEF; }

/* Taller: "Parte de taller". Grafito, naranja señal, esquinas rectas y matrículas. */
[data-theme="taller"] {
  --bg: #F3F1EC; --surface: #FFFFFF; --ink: #1E2226; --ink-2: #444B57; --muted: #596170; --line: #DDD8CF;
  --primary: #C2410C; --primary-hover: #9A3412; --primary-ink: #FFFFFF; --primary-soft: #FFF1E8;
  --ok: #1F7A4D; --ok-soft: #E2F3EA; --warn: #8A5300; --warn-soft: #FDEFD3; --bad: #B42318; --bad-soft: #FDE8E6;
  --radius-lg: 10px; --radius: 8px; --radius-sm: 6px;
  --num: 'Bricolage Grotesque', system-ui, sans-serif;
}
[data-theme="taller"] .btn { border-radius: 8px; }
[data-theme="taller"] .panel, [data-theme="taller"] .cal, [data-theme="taller"] .job, [data-theme="taller"] .col { border-radius: 8px; }
[data-theme="taller"] .panel { border: 1px solid var(--line); box-shadow: none; }
[data-theme="taller"] .side { background: #1E2226; }
[data-theme="taller"] .side nav a { color: #C8CDD3; border-radius: 6px; }
[data-theme="taller"] .side nav a.on { background: var(--primary); }
[data-theme="taller"] .auth-side { background: linear-gradient(160deg, #2A3036 0%, #1E2226 70%); }
[data-theme="taller"] .auth-side li::before { border-color: var(--sun); }
[data-theme="taller"] .col { background: #E9E5DC; }
[data-theme="taller"] .job { border: 1px solid var(--line); border-top: 4px solid var(--primary); }
[data-theme="taller"] .outbox { border-color: var(--sun); background: #FFFCEF; }
[data-theme="taller"] .seg button[aria-pressed="true"], [data-theme="taller"] .tabs a[aria-current="page"] { background: var(--ink); }