/* Deployment palette. Shared across every product surface. */
:root { --brand-primary: #E4572E; --brand-ink: #1B1D22; --brand-background: #FAFAF8; }
:root {
  --bg: #15161a;
  --canvas: var(--brand-ink);
  --surface: #22242b;
  --surface-warm: #292c34;
  --tint: #292c34;
  --input: #30333b;
  --pop: #363941;
  --line: #373a43;
  --line-soft: #454953;
  --line-strong: #565b68;

  --ink: #FFFFFF;
  --ink-soft: #dbdde2;
  --ink2: #b8bbc5;
  --ink-faint: #b8bbc5;

  --accent: #f47b55;
  --accent-hi: #ff997a;
  --accent-deep: #e96a43;
  --brand: #f47b55;
  --accent-tint: rgba(228, 87, 46, 0.12);
  --glow: rgba(228, 87, 46, 0.14);

  --live: #5aa2ff;
  --ok: #3fbf6f;
  --warn: #f0bf00;
  --hot: #eb5757;
  --heat: #fc7840;
  --on-accent: var(--brand-ink);

  --wa: #2fbf66;
  --wa-soft: #5fe08a;
  --wa-tint: rgba(63, 191, 111, 0.12);
  --wa-ink: #052012;

  --surface-2: color-mix(in srgb, var(--ink) 4%, var(--surface));
  --surface-3: color-mix(in srgb, var(--ink) 8%, var(--surface));
  --veil: color-mix(in srgb, #000 68%, transparent);
  --font-ui: "Manrope", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Instrument Serif", ui-serif, Georgia, serif;
  --f-display: var(--font-display);
  --f-ui: var(--font-ui);
  --f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Consolas, monospace;
  --fs-12: 12px;
  --fs-13: 13px;
  --fs-14: 14px;
  --fs-16: 15px;
  --fs-18: 18px;
  --fs-22: 22px;
  --fs-28: 28px;
  --fs-38: 40px;
  --fs-54: 60px;
  --fs-greeting: 38px;
  --lh-greeting: 40px;
  --fs-greeting-mobile: 38px;
  --lh-greeting-mobile: 40px;
  --fs-page-title: 34px;
  --lh-page-title: 36px;
  --fs-hero-name: 24px;
  --lh-hero-name: 30px;
  --fs-section-label: 12px;
  --lh-section-label: 16px;
  --fs-body: 14px;
  --lh-body: 20px;
  --fs-secondary: 13px;
  --lh-secondary: 18px;
  --fs-kpi-value: 24px;
  --lh-kpi-value: 28px;
  --control-pipeline: 44px;
  --control: 44px;
  --control-lg: 48px;
  --control-mobile-primary: 52px;
  --header-h: 48px;
  --dock-h: 40px;
  --mobile-cta-bottom: calc(var(--mobile-cta-gap, 94px) + env(safe-area-inset-bottom, 0px) + var(--keyboard-inset, 0px));
  --sidebar-w: 236px;

  --r-s: 12px;
  --r-m: 14px;
  --r-l: 22px;
  --r-pill: 999px;
  --r-btn: var(--r-pill);
  --r-card: 22px;
  --r-chk: 4px;

  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  --sh-1: none;
  --sh-2: 0 24px 60px rgb(0 0 0 / 0.55);
  --sh-glow: 0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent);
  --glow-hot: 0 0 0 1px var(--glow), 0 0 28px 2px var(--glow), inset 0 1px 0 rgba(255, 255, 255, 0.03);
  --glow-wa: 0 0 18px -2px rgba(63, 191, 111, 0.2);
  --hot-bed: radial-gradient(120% 90% at 100% 0%, var(--glow), transparent 55%);
  --metric-bed: linear-gradient(180deg, rgba(255, 255, 255, 0.025), transparent 60%);
  --btn-lime: inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.4);
  --ease: cubic-bezier(0.165, 0.84, 0.44, 1);
  --settle: cubic-bezier(0.16, 1, 0.3, 1)
}
[data-theme="light"] {
  --bg: #faf8f6;
  --canvas: #f5f1ee;
  --surface: #ffffff;
  --surface-warm: #f5f1ee;
  --tint: #f5f1ee;
  --input: #f5f1ee;
  --pop: #ffffff;
  --line: #e6e6dc;
  --line-soft: #d3d3c6;
  --line-strong: #c4c4b4;
  --ink: var(--brand-ink);
  --ink-soft: #454852;
  --ink2: #62656f;
  --ink-faint: #62656f;
  --accent: #b63b18;
  --accent-hi: #a33213;
  --accent-deep: #8e2a10;
  --brand: #b63b18;
  --accent-tint: rgba(228, 87, 46, 0.22);
  --glow: rgba(182, 59, 24, 0.18);
  --live: #2b5fa8;
  --ok: #2e8b57;
  --warn: #8a6d00;
  --hot: #c0392b;
  --heat: #c0562b;
  --on-accent: #FFFFFF;
  --wa: #2e8b57;
  --wa-soft: #1f6e42;
  --wa-tint: rgba(46, 139, 87, 0.12);
  --wa-ink: #f4faf0;
  --sh-2: 0 24px 48px -20px rgb(17 14 8 / 0.22);
  --glow-hot: 0 0 0 1px var(--glow), 0 0 24px 1px var(--glow)
}
:root {
 --lime: var(--accent); --muted: var(--ink2); --faint: var(--ink-faint);
 --wa-hi: #5fe08a; --wa-deep: #2fbf66;
 --gradient-lime: linear-gradient(180deg, #ff997a, #e96a43);
 --gradient-wa: linear-gradient(180deg, #5fe08a, #2fbf66);
 --glass: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025));
 --glass-deep: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
 --glass-border: rgba(255,255,255,.09);
 --glass-shadow: inset 0 1px 0 rgba(255,255,255,.1), 0 24px 60px rgba(0,0,0,.55), 0 2px 6px rgba(0,0,0,.35);
 --r-12: 12px; --r-14: 14px; --r-18: 18px; --r-22: 22px; --r-24: 24px;
 --btn-lime: inset 0 1px 0 rgba(255,255,255,.45), 0 10px 30px rgba(228,87,46,.28), 0 2px 4px rgba(0,0,0,.4)
}
:root {
  --paint-00000059: #00000059;
  --paint-00000080: #00000080;
  --paint-0004: #0004;
  --paint-0005: #0005;
  --paint-0008: #0008;
  --paint-0009: #0009;
  --paint-062412: #062412;
  --paint-080a12: #080a12;
  --paint-0b0c0a: var(--brand-ink);
  --paint-0c0d0f: #0c0d0f;
  --paint-0c0d0fef: #0c0d0fef;
  --paint-10120feb: #10120feb;
  --paint-101210: #101210;
  --paint-101214: #101214;
  --paint-11140ff5: #11140ff5;
  --paint-11150fed: #11150fed;
  --paint-121310ed: #22242bed;
  --paint-121510ee: #121510ee;
  --paint-131511: #131511;
  --paint-15171a: #15171a;
  --paint-16855c: #16855c;
  --paint-172431: #172431;
  --paint-191c17: #191c17;
  --paint-1e293b: #1e293b;
  --paint-20221b: #20221b;
  --paint-22251f: #22251f;
  --paint-272f19: #272f19;
  --paint-2a2d24: #2a2d24;
  --paint-2fbf661f: #2fbf661f;
  --paint-3fbf6f22: #3fbf6f22;
  --paint-3fbf6f66: #3fbf6f66;
  --paint-536257: #536257;
  --paint-5aa2ff12: #5aa2ff12;
  --paint-5aa2ff33: #5aa2ff33;
  --paint-5aa2ff70: #5aa2ff70;
  --paint-5aa2ff99: #5aa2ff99;
  --paint-5fe08a38: #5fe08a38;
  --paint-5fe08a59: #5fe08a59;
  --paint-7ee0a3: #7ee0a3;
  --paint-9fc4ff: #9fc4ff;
  --paint-b9bdb0: #b9bdb0;
  --paint-bbc8c0: #bbc8c0;
  --paint-bfc4b4: #bfc4b4;
  --paint-c5ed21: #f47b55;
  --paint-c8f1350b: #f47b550b;
  --paint-c8f13515: #f47b5515;
  --paint-c8f1351a: #f47b551a;
  --paint-c8f13538: #f47b5538;
  --paint-cdd8d0: #cdd8d0;
  --paint-d4ff3d1a: #f47b551a;
  --paint-d4ff3d1f: #f47b551f;
  --paint-d4ff3d22: #f47b5522;
  --paint-d4ff3d25: #f47b5525;
  --paint-d4ff3d33: #f47b5533;
  --paint-d4ff3d59: #f47b5559;
  --paint-d4ff3d66: #f47b5566;
  --paint-d4ff3d70: #f47b5570;
  --paint-d4ff3d80: #f47b5580;
  --paint-d4ff3d99: #f47b5599;
  --paint-ddd: #ddd;
  --paint-dff3e7: #dff3e7;
  --paint-e8eadf: #e8eadf;
  --paint-e9b86b: #e9b86b;
  --paint-edf8f0: #edf8f0;
  --paint-eff2f0: #eff2f0;
  --paint-f4f5ef: #f4f5ef;
  --paint-ffabab: #ffabab;
  --paint-fff: #fff;
  --paint-ffffff03: #ffffff03;
  --paint-ffffff04: #ffffff04;
  --paint-ffffff05: #ffffff05;
  --paint-ffffff06: #ffffff06;
  --paint-ffffff09: #ffffff09;
  --paint-ffffff0a: #ffffff0a;
  --paint-ffffff0b: #ffffff0b;
  --paint-ffffff0f: #ffffff0f;
  --paint-ffffff12: #ffffff12;
  --paint-ffffff14: #ffffff14;
  --paint-ffffff17: #ffffff17;
  --paint-ffffff18: #ffffff18;
  --paint-ffffff1a: #ffffff1a;
  --paint-ffffff1f: #ffffff1f;
  --paint-ffffff20: #ffffff20;
  --paint-ffffff24: #ffffff24;
  --paint-ffffff2e: #ffffff2e;
  --paint-rgba-0-0-0-0-35: rgba(0,0,0,0.35);
  --paint-rgba-0-0-0-0-4: rgba(0,0,0,0.4);
  --paint-rgba-0-0-0-0-5: rgba(0,0,0,0.5);
  --paint-rgba-0-0-0-0-55: rgba(0,0,0,0.55);
  --paint-rgba-0-0-0-35: rgba(0,0,0,.35);
  --paint-rgba-0-0-0-45: rgba(0,0,0,.45);
  --paint-rgba-0-0-0-5: rgba(0,0,0,.5);
  --paint-rgba-0-0-0-68: rgba(0,0,0,.68);
  --paint-rgba-200-241-53-0-08: rgba(228,87,46,0.08);
  --paint-rgba-200-241-53-0-10: rgba(228,87,46,0.10);
  --paint-rgba-200-241-53-0-16: rgba(228,87,46,0.16);
  --paint-rgba-200-241-53-0-22: rgba(228,87,46,0.22);
  --paint-rgba-200-241-53-0-28: rgba(228,87,46,0.28);
  --paint-rgba-200-241-53-0-45: rgba(228,87,46,0.45);
  --paint-rgba-200-241-53-0-5: rgba(228,87,46,0.5);
  --paint-rgba-200-241-53-16: rgba(228,87,46,.16);
  --paint-rgba-200-241-53-35: rgba(228,87,46,.35);
  --paint-rgba-212-255-61-0-45: rgba(212,255,61,0.45);
  --paint-rgba-212-255-61-035: rgba(212,255,61,.035);
  --paint-rgba-212-255-61-06: rgba(212,255,61,.06);
  --paint-rgba-212-255-61-08: rgba(212,255,61,.08);
  --paint-rgba-212-255-61-1: rgba(212,255,61,.1);
  --paint-rgba-212-255-61-10: rgba(212,255,61,.10);
  --paint-rgba-212-255-61-18: rgba(212,255,61,.18);
  --paint-rgba-212-255-61-22: rgba(212,255,61,.22);
  --paint-rgba-212-255-61-45: rgba(212,255,61,.45);
  --paint-rgba-212-255-61-55: rgba(212,255,61,.55);
  --paint-rgba-212-255-61-6: rgba(212,255,61,.6);
  --paint-rgba-235-87-87-06: rgba(235,87,87,.06);
  --paint-rgba-235-87-87-22: rgba(235,87,87,.22);
  --paint-rgba-235-87-87-5: rgba(235,87,87,.5);
  --paint-rgba-255-255-255-0-0: rgba(255,255,255,0.0);
  --paint-rgba-255-255-255-0-015: rgba(255,255,255,0.015);
  --paint-rgba-255-255-255-0-025: rgba(255,255,255,0.025);
  --paint-rgba-255-255-255-0-035: rgba(255,255,255,0.035);
  --paint-rgba-255-255-255-0-04: rgba(255,255,255,0.04);
  --paint-rgba-255-255-255-0-045: rgba(255,255,255,0.045);
  --paint-rgba-255-255-255-0-05: rgba(255,255,255,0.05);
  --paint-rgba-255-255-255-0-06: rgba(255,255,255,0.06);
  --paint-rgba-255-255-255-0-07: rgba(255,255,255,0.07);
  --paint-rgba-255-255-255-0-08: rgba(255,255,255,0.08);
  --paint-rgba-255-255-255-0-09: rgba(255,255,255,0.09);
  --paint-rgba-255-255-255-0-10: rgba(255,255,255,0.10);
  --paint-rgba-255-255-255-0-12: rgba(255,255,255,0.12);
  --paint-rgba-255-255-255-0-14: rgba(255,255,255,0.14);
  --paint-rgba-255-255-255-0-4: rgba(255,255,255,0.4);
  --paint-rgba-255-255-255-0-45: rgba(255,255,255,0.45);
  --paint-rgba-255-255-255-03: rgba(255,255,255,.03);
  --paint-rgba-255-255-255-04: rgba(255,255,255,.04);
  --paint-rgba-255-255-255-06: rgba(255,255,255,.06);
  --paint-rgba-255-255-255-08: rgba(255,255,255,.08);
  --paint-rgba-255-255-255-1: rgba(255,255,255,.1);
  --paint-rgba-255-255-255-10: rgba(255,255,255,.10);
  --paint-rgba-255-255-255-12: rgba(255,255,255,.12);
  --paint-rgba-255-255-255-14: rgba(255,255,255,.14);
  --paint-rgba-255-255-255-2: rgba(255,255,255,.2);
  --paint-rgba-255-255-255-25: rgba(255,255,255,.25);
  --paint-rgba-63-191-111-0-28: rgba(63,191,111,0.28);
  --paint-rgba-90-162-255-0-14: rgba(90,162,255,0.14);
  --paint-rgba-90-162-255-0-18: rgba(90,162,255,0.18);
  --paint-rgba-90-162-255-0-7: rgba(90,162,255,0.7);
  --paint-rgba-90-162-255-14: rgba(90,162,255,.14);
  --radius-10px: 10px;
  --radius-16px: 16px;
  --radius-18px: 18px;
  --radius-20px: 20px;
  --radius-24px: 24px;
  --radius-2px: 2px;
  --radius-3px: 3px;
  --radius-4px: 4px;
  --radius-50pct: 50%;
  --radius-6px: 6px;
  --radius-8px: 8px;
  --radius-99px: 99px
}
html[data-brand-surface="consola"] {
  --bg:#000000; --surface:var(--brand-ink); --surface-warm:#252830; --line:#353840;
  --ink:#FFFFFF; --ink2:#b8bbc5; --accent:#f47b55; --accent-hi:#f47b55;
  --live:#8FB7FF; --ok:#7ED957; --warn:#E3B25C; --hot:#FF5A45; --on-accent:var(--brand-ink);
  --surface-2:color-mix(in srgb, var(--ink) 5%, var(--surface));
  --surface-3:color-mix(in srgb, var(--ink) 9%, var(--surface));
  --f-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --f-ui:"Avenir Next","Segoe UI",system-ui,sans-serif;
  --f-mono:ui-monospace,"SF Mono",Consolas,monospace;
  --r-s:10px; --r-m:14px; --r-l:24px; --r-pill:999px;
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:24px; --sp-6:32px
}
html[data-brand-surface="dashboard"] {
    --bg: #000000;
    --surface: var(--brand-ink);
    --surface-warm: #252830;
    --line: #353840;
    --ink: #FFFFFF;
    --ink2: #b8bbc5;
    --accent: #f47b55;
    --accent-hi: #f47b55;
    --brand: #f47b55;
    --live: #8FB7FF;
    --ok: #7ED957;
    --warn: #E3B25C;
    --hot: #FF5A45;
    --on-accent: var(--brand-ink);
    --wa: #25D366;
    --surface-2: color-mix(in srgb, var(--ink) 5%, var(--surface));
    --surface-3: color-mix(in srgb, var(--ink) 9%, var(--surface));
    --veil: color-mix(in srgb, var(--bg) 72%, transparent);
    --f-display: "Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
    --f-ui: "Avenir Next","Segoe UI",system-ui,sans-serif;
    --f-mono: ui-monospace,"SF Mono",Consolas,monospace;
    --r-s: 10px; --r-m: 14px; --r-l: 24px; --r-pill: 999px;
    --panel: color-mix(in srgb, var(--surface) 82%, transparent);
    --panel-2: var(--surface-2);
    --border: var(--line);
    --text: var(--ink);
    --muted: var(--ink2);
    --pos: var(--ok);
    --neg: var(--hot);
    --gold: var(--accent);
    --silver: var(--ink2);
    --bronze: color-mix(in srgb, var(--warn) 68%, var(--hot));
    --radius: var(--r-m);
    --shadow: 0 24px 48px -20px rgb(0 0 0 / .85)
}
html[data-brand-surface="ia"] {
  --bg0:#000000; --bg1:var(--brand-ink); --bg2:#252830; --bg3:#1C1C12;
  --line:#353840; --line2:#3A3A2A;
  --ink:#FFFFFF; --ink2:#b8bbc5; --ink3:#6E6E62;
  --accent:#f47b55; --accent-hi:#f47b55; --accent-ink:var(--brand-ink);
  --warn:#E3B25C; --hot:#FF5A45; --ok:#7ED957;
  --c-actividad:#f47b55; --c-ok:#7ED957; --c-warn:#E3B25C; --c-neg:#FF5A45; --c-violet:#f47b55;
  --font-ui:"Avenir Next","Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",sans-serif;
  --font-mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,monospace;
  --font-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --r1:10px; --r2:14px; --r3:24px;
  --sh:0 24px 48px -20px rgba(0,0,0,.85)
}
html[data-brand-surface="instalar"] {
    --bg:#000000; --surface:var(--brand-ink); --surface-warm:#252830; --line:#353840;
    --ink:#FFFFFF; --ink2:#b8bbc5;
    --accent:#f47b55; --accent-hi:#f47b55; --on-accent:var(--brand-ink);
    --ok:#7ED957; --warn:#E3B25C; --hot:#FF5A45;
    --surface-2:color-mix(in srgb, var(--ink) 5%, var(--surface));
    --surface-3:color-mix(in srgb, var(--ink) 9%, var(--surface));
    --f-display:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
    --f-ui:"Avenir Next","Segoe UI",system-ui,sans-serif;
    --f-mono:ui-monospace,"SF Mono",Consolas,monospace;
    --r-s:10px; --r-m:14px; --r-l:24px; --r-pill:999px;
    --sh-glow:0 0 0 3px color-mix(in srgb, var(--accent) 32%, transparent)
}
html[data-brand-surface="onboarding"] {
    --bg:var(--brand-ink);
    --card:#252830;
    --text:#FFFFFF;
    --muted:#b8bbc5;
    --lime:#f47b55;
    --lime-ink:var(--brand-ink);
    --line:rgba(255,255,255,.10);
    --radius:16px;
    --err:#ff6b6b;
    --serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
    --sans:"Avenir Next","Segoe UI",system-ui,-apple-system,sans-serif;
    --mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace
}
html[data-brand-surface="telemercadeo"] {
  --bg:#060605;
  --canvas:var(--brand-ink);
  --surface:#22242b;
  --surface-warm:#292c34;
  --tint:#292c34;
  --input:#30333b;
  --pop:#363941;
  --line:#373a43;
  --line-soft:#454953;
  --line-strong:#565b68;
  --ink:#f4f5ef;
  --ink-soft:#dbdde2;
  --ink2:#8b8f81;
  --ink-faint:#5f6357;
  --accent:#f47b55;
  --accent-hi:#d6ff5c;
  --accent-deep:#a8cf10;
  --brand:#f47b55;
  --accent-tint:rgba(228,87,46,0.12);
  --glow:rgba(228,87,46,0.14);
  --live:#5aa2ff;
  --ok:#3fbf6f;
  --warn:#f0bf00;
  --hot:#eb5757;
  --heat:#fc7840;
  --on-accent:var(--brand-ink);
  --wa:#3fbf6f;
  --wa-soft:#7ee0a3;
  --wa-tint:rgba(63,191,111,0.12);
  --wa-ink:#052012;
  --surface-2:color-mix(in srgb, var(--ink) 4%, var(--surface));
  --surface-3:color-mix(in srgb, var(--ink) 8%, var(--surface));
  --veil:color-mix(in srgb, #000 68%, transparent);
  --f-display:"Newsreader","Iowan Old Style",ui-serif,Georgia,serif;
  --f-ui:"Inter","Avenir Next",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,"SF Mono",Consolas,monospace;
  --fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-16:15px;--fs-18:18px;
  --fs-22:22px;--fs-28:28px;--fs-38:40px;--fs-54:60px;
  --r-s:8px;--r-m:12px;--r-l:20px;--r-pill:999px;
  --sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:24px;--sp-6:32px;
  --sh-1:none;
  --sh-2:0 24px 60px rgb(0 0 0/.55);
  --sh-glow:0 0 0 2px color-mix(in srgb, var(--accent) 34%, transparent);
  --glow-hot:0 0 0 1px var(--glow),0 0 28px 2px var(--glow),inset 0 1px 0 rgba(255,255,255,.03);
  --glow-wa:0 0 18px -2px rgba(63,191,111,0.20);
  --hot-bed:radial-gradient(120% 90% at 100% 0%, var(--glow), transparent 55%);
  --metric-bed:linear-gradient(180deg, rgba(255,255,255,.025), transparent 60%);
  --btn-lime:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.4);
  --ease:cubic-bezier(0.165,0.84,0.44,1);
  --settle:cubic-bezier(0.16,1,0.3,1)
}
html[data-brand-surface="landing"] {--ink:var(--brand-ink);--accent:var(--brand-primary);--rust:#ad3917;--paper:#fff;--soft:#f5f2ed;--line:#dedbd5;--muted:#62616a
}