/* WOTTT Design System 04.94.0 — additive semantic aliases.
   Canonical --ui-* theme/accent settings are retained. No brand asset changes.
   This file is a public, safe palette for new components and guarded polish. */
:root {
  /* Identity and interaction: use the user's existing chosen WOTTT accent. */
  --w-brand-deep:#12382b;
  --w-brand:#17684b;
  --w-brand-soft:#eaf7f0;
  --w-accent:var(--ui-accent,#3779e8);
  --w-accent-hover:var(--ui-accent-hover,#2864c8);
  --w-accent-surface:var(--ui-accent-soft,#eaf2ff);
  --w-accent-on:var(--ui-on-accent,#fff);
  /* Neutral surfaces */
  --w-canvas:var(--ui-bg,#ffffff);
  --w-surface:var(--ui-surface,#ffffff);
  --w-surface-muted:var(--ui-soft,#f7f8fb);
  --w-surface-hover:var(--ui-hover,#f3f5f9);
  --w-text:var(--ui-ink,#253044);
  --w-text-muted:var(--ui-muted,#596a7c);
  --w-line:var(--ui-line,#dfe5ed);
  --w-line-strong:color-mix(in srgb,var(--w-text) 24%,var(--w-surface));
  /* Not colour-only: pair with icon/text wherever used. */
  --w-success:var(--ui-success,#176b46);
  --w-success-bg:var(--ui-success-bg,#e8f5ee);
  --w-warning:var(--ui-warning,#8e5b13);
  --w-warning-bg:var(--ui-note,#fff5e5);
  --w-error:var(--ui-danger,#a33c37);
  --w-error-bg:var(--ui-danger-bg,#fff0ef);
  --w-info:#235eaa;
  --w-info-bg:#eaf3ff;
  /* Channel palette is distinct from brand accent. */
  --w-channel-whatsapp:#157347;
  --w-channel-messenger:#0967d2;
  --w-channel-instagram:#a13c83;
  --w-channel-facebook:#245ab4;
  --w-channel-tiktok:#334155;
  --w-channel-walk-in:#755a35;
  --w-space-1:4px;--w-space-2:8px;--w-space-3:12px;
  --w-space-4:16px;--w-space-5:20px;--w-space-6:24px;
  --w-space-8:32px;--w-space-10:40px;
  --w-radius-xs:5px;--w-radius-sm:8px;--w-radius-md:12px;
  --w-radius-lg:16px;--w-radius-xl:20px;--w-radius-pill:999px;
  --w-font:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --w-font-xs:11px;--w-font-sm:12px;--w-font-md:13px;
  --w-font-base:14px;--w-font-lg:16px;--w-font-title:22px;
  --w-weight-normal:400;--w-weight-medium:550;--w-weight-semibold:650;
  --w-line-height:1.5;
  --w-control-min:36px;
  --w-focus:var(--ui-focus,#3779e8);
  --w-focus-ring:0 0 0 3px color-mix(in srgb,var(--w-focus) 28%,transparent);
  --w-shadow:0 12px 36px rgba(29,46,76,.13);
  /* Improve low-contrast legacy secondary copy while keeping the theme. */
  --ui-muted:#56667b;
}
:root[data-theme="dark"] {
  --w-brand-deep:#bee8d1;
  --w-brand:#91d8b5;
  --w-brand-soft:#203f33;
  --w-info:#a6caff;
  --w-info-bg:#24374f;
  --w-channel-whatsapp:#77d5a9;
  --w-channel-messenger:#93baff;
  --w-channel-instagram:#f3a4d6;
  --w-channel-facebook:#a3c3ff;
  --w-channel-tiktok:#d6e0eb;
  --w-channel-walk-in:#efce95;
  --w-shadow:0 16px 44px rgba(0,0,0,.32);
  --ui-muted:#b0bfd0;
}