/*
  NormCRM theme tokens.
  Light theme uses a clean neutral CRM surface system; dark values preserve the current dark interface.
*/

:root,
[data-theme="light"] {
  color-scheme: light;

  --color-page-bg: #f6f7f9;
  --color-surface: #ffffff;
  --color-surface-muted: #f4f6f8;
  --color-surface-subtle: #f8fafc;
  --color-surface-hover: #eef2f6;
  --color-surface-active: #e5ebf2;
  --color-sidebar-surface: #f1f4f7;
  --color-sidebar-action-hover: #e6ebf1;
  --color-pill-bg: #edf1f5;
  --color-pill-bg-hover: #e2e8ef;
  --color-pill-text: #1f2937;
  --color-relation-add-bg: #dcebf8;
  --color-relation-add-bg-hover: #cfe1f2;
  --color-relation-add-text: #24547a;
  --reminder-timing-switch-bg: var(--color-surface-muted);
  --reminder-timing-switch-border: var(--color-border-control);
  --reminder-timing-switch-option-text: var(--color-text-secondary);
  --reminder-timing-switch-option-hover-bg: var(--color-surface-hover);
  --reminder-timing-switch-option-active-bg: var(--color-surface);
  --reminder-timing-switch-option-active-text: var(--color-text-strong);
  --reminder-timing-switch-option-active-shadow: 0 1px 2px rgba(15, 23, 42, 0.12);
  --reminder-timing-switch-anchor-text: var(--color-text-muted);
  --color-list-create-bg: #198754;
  --color-list-create-bg-hover: #157347;
  --color-list-create-text: #ffffff;
  --color-dashboard-stats-bg: #eef6ff;
  --color-dashboard-client-bg: #f0f7f4;
  --color-dashboard-panel-border: #dbe7f3;
  --color-demo-strip-bg: #e7edf4;
  --color-demo-strip-border: #d5dee9;
  --color-demo-strip-text: #334155;
  --color-submit-loading-bg: #198754;
  --color-submit-loading-text: #ffffff;

  --sticker-yellow-bg: #fff9b8;
  --sticker-yellow-header-bg: #fff37a;
  --sticker-yellow-border: #eadb6d;
  --sticker-yellow-text: #1f2937;
  --sticker-green-bg: #c9f7cf;
  --sticker-green-header-bg: #5ef08f;
  --sticker-green-border: #73d889;
  --sticker-green-text: #102a1c;
  --sticker-blue-bg: #d7ecff;
  --sticker-blue-header-bg: #8bc7ff;
  --sticker-blue-border: #8bbce8;
  --sticker-blue-text: #10253f;
  --sticker-pink-bg: #ffd9ec;
  --sticker-pink-header-bg: #ff9cca;
  --sticker-pink-border: #eaa5c5;
  --sticker-pink-text: #3a1025;
  --sticker-violet-bg: #eadcff;
  --sticker-violet-header-bg: #c2a3ff;
  --sticker-violet-border: #b8a0e8;
  --sticker-violet-text: #24163f;
  --sticker-orange-bg: #ffe0bd;
  --sticker-orange-header-bg: #ffb15d;
  --sticker-orange-border: #e8a969;
  --sticker-orange-text: #3a210c;
  --sticker-mint-bg: #cef8ef;
  --sticker-mint-header-bg: #75e6d0;
  --sticker-mint-border: #85d5c6;
  --sticker-mint-text: #0d302a;
  --sticker-gray-bg: #eef1f5;
  --sticker-gray-header-bg: #d7dde6;
  --sticker-gray-border: #c6ced9;
  --sticker-gray-text: #1f2937;

  --color-text: #111827;
  --color-text-strong: #0f172a;
  --color-text-soft: #1f2937;
  --color-text-secondary: #4b5563;
  --color-text-muted: #6b7280;
  --color-text-disabled: #9ca3af;
  --color-text-inverse: #ffffff;

  --color-border: #e5e7eb;
  --color-border-muted: #edf0f3;
  --color-border-strong: #cbd5e1;
  --color-border-control: #c6ccd5;

  --file-preview-bg: var(--color-surface-muted);
  --file-preview-border: var(--color-border-control);
  --file-preview-fallback-text: var(--color-text-muted);
  --file-preview-placeholder-color: var(--color-text-disabled);
  --file-preview-size: 260px;
  --file-preview-detail-size: 460px;
  --file-preview-placeholder-size: 48px;
  --file-preview-fallback-gap: 8px;
  --file-preview-fallback-padding: 10px;

  --color-link: #2563eb;
  --color-link-hover: #1d4ed8;
  --color-link-visited: #2563eb;

  --color-primary: #2563eb;
  --color-primary-hover: #1d4ed8;
  --color-primary-active: #1e40af;
  --color-primary-soft: #e8f0ff;
  --color-primary-soft-hover: #dbe8ff;
  --color-primary-soft-text: #1d4ed8;
  --color-primary-soft-text-hover: #1e40af;
  --color-focus: #2563eb;

  --color-success: #198754;
  --color-success-hover: #157347;
  --color-success-active: #0f5f3a;
  --color-success-soft: #e7f4ed;
  --color-success-text: #137044;
  --color-success-text-hover: #0f5f3a;

  --color-danger: #b94a55;
  --color-danger-hover: #a6424c;
  --color-danger-active: #8e3942;
  --color-danger-soft: #f4e3e5;
  --color-danger-text: #9f3f49;
  --color-danger-text-hover: #7f333b;
  --notification-indicator: #b94a55;
  --notification-unread-accent: #9f3f49;
  --notification-unread-soft: #f7edf0;

  --color-warning: #f59e0b;
  --color-warning-hover: #d97706;
  --color-warning-soft: #fff4d6;
  --color-warning-text: #7a4a00;

  --color-neutral: #6b7280;
  --color-neutral-hover: #565f6d;
  --color-neutral-active: #444c59;
  --color-neutral-soft: #eef1f5;
  --help-hint-general-color: #2563eb;
  --help-hint-specific-color: #b45309;

  --shadow-sm: 0 10px 24px rgba(15, 23, 42, .08);
  --shadow-md: 0 12px 30px rgba(15, 23, 42, 0.14);
  --shadow-modal: 0 18px 48px rgba(15, 23, 42, .22);
  --overlay-backdrop: rgba(15, 23, 42, .38);
  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-focus), transparent 68%);

  --flatpickr-bg: var(--color-surface);
  --flatpickr-border: var(--color-border-control);
  --flatpickr-shadow: var(--shadow-md);
  --flatpickr-text: var(--color-text);
  --flatpickr-text-strong: var(--color-text-strong);
  --flatpickr-text-muted: var(--color-text-muted);
  --flatpickr-disabled-text: var(--color-text-disabled);
  --flatpickr-hover-bg: var(--color-surface-hover);
  --flatpickr-active-bg: var(--color-surface-active);
  --flatpickr-selected-bg: var(--color-primary);
  --flatpickr-selected-bg-hover: var(--color-primary-hover);
  --flatpickr-selected-text: var(--color-text-inverse);
  --flatpickr-range-bg: var(--color-primary-soft);
  --flatpickr-range-text: var(--color-primary-soft-text);
  --flatpickr-today-border: var(--color-focus);
  --flatpickr-time-border: var(--color-border-muted);

  --brand-accent: var(--color-focus);
  --brand-stroke: var(--color-text);
  --link-color: var(--color-link);
  --link-hover: var(--color-link-hover);
  --link-visited: var(--color-link-visited);
  --list-divider: 1px solid var(--color-border-muted);
  --muted-color: var(--color-text-muted);
  --menu-hover-bg: var(--color-surface-hover);
  --brand-success: var(--color-success);

  --list-table-header-bg: #f1f4f7;
  --list-table-border: #e4e9ef;
  --list-table-row-bg: #f8fafc;
  --list-table-row-hover: #eef3f8;
  /* Mobile list cards intentionally keep a filled grey substrate in the light theme. */
  --list-table-mobile-card-bg: #f8fafc;
  --list-table-heading: #1f2937;
  --list-table-text: #374151;
  --list-table-text-muted: #6b7280;
  --list-table-text-empty: #9ca3af;
  --list-table-link: #334155;
  --list-table-link-hover: #111827;
  --list-table-overdue: #dc3545;
  --list-table-overdue-soft: #fbe7ea;
  --list-table-pending: #198754;
  --list-table-pending-soft: #e7f4ed;
  --list-table-panel-bg: #ffffff;
  --list-table-add-btn-bg: var(--color-list-create-bg);
  --list-table-add-btn-bg-hover: var(--color-list-create-bg-hover);
  --list-table-add-btn-text: var(--color-list-create-text);
  --list-table-dashboard-btn-bg: var(--color-relation-add-bg);
  --list-table-dashboard-btn-bg-hover: var(--color-relation-add-bg-hover);
  --list-table-dashboard-btn-text: var(--color-relation-add-text);
  --list-table-header-row-height: 42px;
  --list-table-header-control-gap: 12px;
  --list-table-filter-control-height: 34px;
  --list-table-filter-control-radius: 999px;
  --list-table-filter-bg-hover: #eef2f6;
  --list-table-filter-bg-active: #e2e8f0;
  --list-table-filter-text: #1f2937;
  --list-search-mobile-panel-bg: #eef2f6;
  --pagination-text: var(--color-text);
  --pagination-muted-text: var(--color-text-secondary);
  --pagination-control-bg: var(--color-surface);
  --pagination-control-bg-hover: var(--list-table-filter-bg-hover);
  --pagination-control-bg-active: var(--list-table-filter-bg-active);
  --pagination-control-bg-disabled: var(--color-surface-subtle);
  --pagination-control-border: var(--list-table-border);
  --pagination-control-border-hover: var(--color-border-strong);
  --pagination-control-text: var(--color-text);
  --pagination-control-text-hover: var(--color-text-strong);
  --pagination-control-text-disabled: var(--color-text-disabled);

  --meeting-tag-multi-text: var(--color-text-strong);
  --meeting-tag-blue-bg: #eaf2ff;
  --meeting-tag-blue-bg-hover: #d9e8ff;
  --meeting-tag-blue-accent: #5b8def;
  --meeting-tag-blue-border: #bfd3ff;
  --meeting-tag-blue-text: #274b92;
  --meeting-tag-blue-dot-text: #ffffff;
  --meeting-tag-sky-bg: #e8f6fb;
  --meeting-tag-sky-bg-hover: #d4edf7;
  --meeting-tag-sky-accent: #5aa7c8;
  --meeting-tag-sky-border: #b9dfea;
  --meeting-tag-sky-text: #225a72;
  --meeting-tag-sky-dot-text: #ffffff;
  --meeting-tag-cyan-bg: #cffafe;
  --meeting-tag-cyan-bg-hover: #a5f3fc;
  --meeting-tag-cyan-accent: #0891b2;
  --meeting-tag-cyan-border: #67e8f9;
  --meeting-tag-cyan-text: #155e75;
  --meeting-tag-cyan-dot-text: #ffffff;
  --meeting-tag-teal-bg: #e5f5f2;
  --meeting-tag-teal-bg-hover: #d0ebe6;
  --meeting-tag-teal-accent: #4aa894;
  --meeting-tag-teal-border: #afdcd4;
  --meeting-tag-teal-text: #23685c;
  --meeting-tag-teal-dot-text: #ffffff;
  --meeting-tag-green-bg: #eaf6e9;
  --meeting-tag-green-bg-hover: #d8edd6;
  --meeting-tag-green-accent: #6baa64;
  --meeting-tag-green-border: #bfdfbb;
  --meeting-tag-green-text: #336b32;
  --meeting-tag-green-dot-text: #ffffff;
  --meeting-tag-lime-bg: #ecfccb;
  --meeting-tag-lime-bg-hover: #d9f99d;
  --meeting-tag-lime-accent: #65a30d;
  --meeting-tag-lime-border: #bef264;
  --meeting-tag-lime-text: #3f6212;
  --meeting-tag-lime-dot-text: #ffffff;
  --meeting-tag-yellow-bg: #fff7d8;
  --meeting-tag-yellow-bg-hover: #f8edc1;
  --meeting-tag-yellow-accent: #d4a72c;
  --meeting-tag-yellow-border: #ead88b;
  --meeting-tag-yellow-text: #715a14;
  --meeting-tag-yellow-dot-text: #ffffff;
  --meeting-tag-amber-bg: #fef3c7;
  --meeting-tag-amber-bg-hover: #fde68a;
  --meeting-tag-amber-accent: #d97706;
  --meeting-tag-amber-border: #fcd34d;
  --meeting-tag-amber-text: #92400e;
  --meeting-tag-amber-dot-text: #ffffff;
  --meeting-tag-orange-bg: #fff0df;
  --meeting-tag-orange-bg-hover: #f6dfc7;
  --meeting-tag-orange-accent: #dd8a45;
  --meeting-tag-orange-border: #ecc198;
  --meeting-tag-orange-text: #80451f;
  --meeting-tag-orange-dot-text: #ffffff;
  --meeting-tag-red-bg: #fde8e7;
  --meeting-tag-red-bg-hover: #f5d5d2;
  --meeting-tag-red-accent: #d76a64;
  --meeting-tag-red-border: #ebb3ad;
  --meeting-tag-red-text: #7c3430;
  --meeting-tag-red-dot-text: #ffffff;
  --meeting-tag-rose-bg: #fde8ef;
  --meeting-tag-rose-bg-hover: #f4d3df;
  --meeting-tag-rose-accent: #d66a8a;
  --meeting-tag-rose-border: #eab1c2;
  --meeting-tag-rose-text: #7b334a;
  --meeting-tag-rose-dot-text: #ffffff;
  --meeting-tag-pink-bg: #fce7f3;
  --meeting-tag-pink-bg-hover: #fbcfe8;
  --meeting-tag-pink-accent: #db2777;
  --meeting-tag-pink-border: #f9a8d4;
  --meeting-tag-pink-text: #9d174d;
  --meeting-tag-pink-dot-text: #ffffff;
  --meeting-tag-fuchsia-bg: #fae8ff;
  --meeting-tag-fuchsia-bg-hover: #f5d0fe;
  --meeting-tag-fuchsia-accent: #c026d3;
  --meeting-tag-fuchsia-border: #f0abfc;
  --meeting-tag-fuchsia-text: #86198f;
  --meeting-tag-fuchsia-dot-text: #ffffff;
  --meeting-tag-purple-bg: #f0e8fa;
  --meeting-tag-purple-bg-hover: #e2d5f2;
  --meeting-tag-purple-accent: #9a76cf;
  --meeting-tag-purple-border: #cdb9e7;
  --meeting-tag-purple-text: #573c82;
  --meeting-tag-purple-dot-text: #ffffff;
  --meeting-tag-violet-bg: #ede9fe;
  --meeting-tag-violet-bg-hover: #ddd6fe;
  --meeting-tag-violet-accent: #7c3aed;
  --meeting-tag-violet-border: #c4b5fd;
  --meeting-tag-violet-text: #5b21b6;
  --meeting-tag-violet-dot-text: #ffffff;
  --meeting-tag-indigo-bg: #e9ecfb;
  --meeting-tag-indigo-bg-hover: #d8ddf4;
  --meeting-tag-indigo-accent: #7380d0;
  --meeting-tag-indigo-border: #b8c0ea;
  --meeting-tag-indigo-text: #39438a;
  --meeting-tag-indigo-dot-text: #ffffff;
  --meeting-tag-slate-bg: #edf1f5;
  --meeting-tag-slate-bg-hover: #dfe6ed;
  --meeting-tag-slate-accent: #7f91a3;
  --meeting-tag-slate-border: #c0cad5;
  --meeting-tag-slate-text: #3f4d5c;
  --meeting-tag-slate-dot-text: #ffffff;
  --meeting-tag-gray-bg: #e5e7eb;
  --meeting-tag-gray-bg-hover: #d1d5db;
  --meeting-tag-gray-accent: #6b7280;
  --meeting-tag-gray-border: #9ca3af;
  --meeting-tag-gray-text: #374151;
  --meeting-tag-gray-dot-text: #ffffff;
  --meeting-tag-zinc-bg: #e4e4e7;
  --meeting-tag-zinc-bg-hover: #d4d4d8;
  --meeting-tag-zinc-accent: #71717a;
  --meeting-tag-zinc-border: #a1a1aa;
  --meeting-tag-zinc-text: #3f3f46;
  --meeting-tag-zinc-dot-text: #ffffff;
  --meeting-tag-stone-bg: #e7e5e4;
  --meeting-tag-stone-bg-hover: #d6d3d1;
  --meeting-tag-stone-accent: #78716c;
  --meeting-tag-stone-border: #a8a29e;
  --meeting-tag-stone-text: #44403c;
  --meeting-tag-stone-dot-text: #ffffff;
  --meeting-tag-mint-bg: #d9f99d;
  --meeting-tag-mint-bg-hover: #bef264;
  --meeting-tag-mint-accent: #10b981;
  --meeting-tag-mint-border: #86efac;
  --meeting-tag-mint-text: #047857;
  --meeting-tag-mint-dot-text: #ffffff;
  --meeting-tag-emerald-bg: #e7f4ee;
  --meeting-tag-emerald-bg-hover: #d2e9dc;
  --meeting-tag-emerald-accent: #58a87b;
  --meeting-tag-emerald-border: #b3d9c4;
  --meeting-tag-emerald-text: #2d6a4f;
  --meeting-tag-emerald-dot-text: #ffffff;
  --meeting-tag-apricot-bg: #ffedd5;
  --meeting-tag-apricot-bg-hover: #fed7aa;
  --meeting-tag-apricot-accent: #f97316;
  --meeting-tag-apricot-border: #fdba74;
  --meeting-tag-apricot-text: #9a3412;
  --meeting-tag-apricot-dot-text: #ffffff;
  --meeting-tag-sand-bg: #fef3c7;
  --meeting-tag-sand-bg-hover: #fde68a;
  --meeting-tag-sand-accent: #a16207;
  --meeting-tag-sand-border: #fcd34d;
  --meeting-tag-sand-text: #713f12;
  --meeting-tag-sand-dot-text: #ffffff;
}

[data-theme="dark"] {
  color-scheme: dark;

  --color-page-bg: #15171c;
  --color-surface: #20242b;
  --color-surface-muted: #252a33;
  --color-surface-subtle: #1d2128;
  --color-surface-hover: #2b313b;
  --color-surface-active: #313948;
  --color-sidebar-surface: #222833;
  --color-sidebar-action-hover: #313948;
  --color-pill-bg: #29313c;
  --color-pill-bg-hover: #354052;
  --color-pill-text: #f2f5f8;
  --color-relation-add-bg: #3a4554;
  --color-relation-add-bg-hover: #465365;
  --color-relation-add-text: #d4dbe5;
  --reminder-timing-switch-bg: #1b2028;
  --reminder-timing-switch-border: var(--color-border-strong);
  --reminder-timing-switch-option-text: var(--color-text-secondary);
  --reminder-timing-switch-option-hover-bg: var(--color-surface-hover);
  --reminder-timing-switch-option-active-bg: #303744;
  --reminder-timing-switch-option-active-text: var(--color-text-strong);
  --reminder-timing-switch-option-active-shadow: 0 1px 3px rgba(0, 0, 0, 0.42);
  --reminder-timing-switch-anchor-text: var(--color-text-muted);
  --color-list-create-bg: #547a3e;
  --color-list-create-bg-hover: #648d4b;
  --color-list-create-text: #ffffff;
  --color-dashboard-stats-bg: #1d222a;
  --color-dashboard-client-bg: #1d222a;
  --color-dashboard-panel-border: #343b47;
  --color-demo-strip-bg: #3f3422;
  --color-demo-strip-border: #5a4a2f;
  --color-demo-strip-text: #fde68a;
  --color-submit-loading-bg: #22c55e;
  --color-submit-loading-text: #effcf3;

  --sticker-yellow-bg: #6a5b1e;
  --sticker-yellow-header-bg: #a38a25;
  --sticker-yellow-border: #b79b35;
  --sticker-yellow-text: #fff8d8;
  --sticker-green-bg: #1f5633;
  --sticker-green-header-bg: #2f8f4d;
  --sticker-green-border: #43a862;
  --sticker-green-text: #e5f8eb;
  --sticker-blue-bg: #23445f;
  --sticker-blue-header-bg: #356f9d;
  --sticker-blue-border: #4d84ad;
  --sticker-blue-text: #edf7ff;
  --sticker-pink-bg: #67334d;
  --sticker-pink-header-bg: #9a4f76;
  --sticker-pink-border: #b36389;
  --sticker-pink-text: #ffeef7;
  --sticker-violet-bg: #423264;
  --sticker-violet-header-bg: #6950a0;
  --sticker-violet-border: #7c65ad;
  --sticker-violet-text: #f4eeff;
  --sticker-orange-bg: #68451e;
  --sticker-orange-header-bg: #a66d2d;
  --sticker-orange-border: #bb8140;
  --sticker-orange-text: #fff1de;
  --sticker-mint-bg: #1f574e;
  --sticker-mint-header-bg: #318d7e;
  --sticker-mint-border: #4aa394;
  --sticker-mint-text: #e6fbf6;
  --sticker-gray-bg: #303743;
  --sticker-gray-header-bg: #444e5d;
  --sticker-gray-border: #566172;
  --sticker-gray-text: #f2f5f8;

  --color-text: #f2f5f8;
  --color-text-strong: #ffffff;
  --color-text-soft: #dbe2ea;
  --color-text-secondary: #b3bdca;
  --color-text-muted: #8f9aaa;
  --color-text-disabled: #697386;
  --color-text-inverse: #ffffff;

  --color-border: #343b47;
  --color-border-muted: #2b323d;
  --color-border-strong: #4c5667;
  --color-border-control: #495363;

  --file-preview-bg: var(--color-surface-muted);
  --file-preview-border: var(--color-border-control);
  --file-preview-fallback-text: var(--color-text-secondary);
  --file-preview-placeholder-color: var(--color-text-muted);

  --color-link: #8ec2ff;
  --color-link-hover: #b8d8ff;
  --color-link-visited: #8ec2ff;

  --color-primary: #4ea3ff;
  --color-primary-hover: #78baff;
  --color-primary-active: #9accff;
  --color-primary-soft: #20354f;
  --color-primary-soft-hover: #294263;
  --color-primary-soft-text: #b8d8ff;
  --color-primary-soft-text-hover: #d6eaff;
  --color-focus: #8ec2ff;

  --color-success: #22c55e;
  --color-success-hover: #4ade80;
  --color-success-active: #86efac;
  --color-success-soft: rgba(34, 197, 94, 0.14);
  --color-success-text: #86efac;
  --color-success-text-hover: #bbf7d0;

  --color-danger: #c26368;
  --color-danger-hover: #d07479;
  --color-danger-active: #df8c91;
  --color-danger-soft: rgba(194, 99, 104, 0.18);
  --color-danger-text: #e4a1a5;
  --color-danger-text-hover: #f0b6ba;
  --notification-indicator: #d07479;
  --notification-unread-accent: #d07479;
  --notification-unread-soft: rgba(194, 99, 104, 0.12);

  --color-warning: #fbbf24;
  --color-warning-hover: #fcd34d;
  --color-warning-soft: rgba(251, 191, 36, 0.16);
  --color-warning-text: #fde68a;

  --color-neutral: #8f9aaa;
  --color-neutral-hover: #aab4c2;
  --color-neutral-active: #c1cad6;
  --color-neutral-soft: rgba(148, 163, 184, 0.15);
  --help-hint-general-color: #8ec2ff;
  --help-hint-specific-color: #fbbf24;

  --shadow-sm: 0 10px 24px rgba(0, 0, 0, .35);
  --shadow-md: 0 16px 38px rgba(0, 0, 0, .45);
  --shadow-modal: 0 18px 48px rgba(0, 0, 0, .58);
  --overlay-backdrop: rgba(0, 0, 0, .62);
  --focus-ring: 0 0 0 2px color-mix(in srgb, var(--color-focus), transparent 55%);
  --flatpickr-selected-text: var(--color-page-bg);

  --list-table-header-bg: #252b35;
  --list-table-border: #343b47;
  --list-table-row-bg: #1f242c;
  --list-table-row-hover: #29313c;
  --list-table-mobile-card-bg: #252a33;
  --list-table-heading: #e8edf4;
  --list-table-text: #d4dbe5;
  --list-table-text-muted: #aab4c2;
  --list-table-text-empty: #737f90;
  --list-table-link: #d4dbe5;
  --list-table-link-hover: #ffffff;
  --list-table-overdue: #f87171;
  --list-table-overdue-soft: #3a2528;
  --list-table-pending: #86efac;
  --list-table-pending-soft: #203327;
  --list-table-panel-bg: #1d222a;
  --list-table-add-btn-bg: var(--color-list-create-bg);
  --list-table-add-btn-bg-hover: var(--color-list-create-bg-hover);
  --list-table-add-btn-text: var(--color-list-create-text);
  --list-table-dashboard-btn-bg: var(--color-relation-add-bg);
  --list-table-dashboard-btn-bg-hover: var(--color-relation-add-bg-hover);
  --list-table-dashboard-btn-text: var(--color-relation-add-text);
  --list-table-filter-bg-hover: #2a313b;
  --list-table-filter-bg-active: #343d4a;
  --list-table-filter-text: #e8edf4;
  --list-search-mobile-panel-bg: #252a33;

  --meeting-tag-multi-text: #ffffff;
  --meeting-tag-blue-bg: rgba(130, 174, 245, 0.18);
  --meeting-tag-blue-bg-hover: rgba(130, 174, 245, 0.26);
  --meeting-tag-blue-accent: #82aef5;
  --meeting-tag-blue-border: rgba(130, 174, 245, 0.42);
  --meeting-tag-blue-text: #c8dcff;
  --meeting-tag-blue-dot-text: #0f172a;
  --meeting-tag-sky-bg: rgba(125, 187, 208, 0.18);
  --meeting-tag-sky-bg-hover: rgba(125, 187, 208, 0.26);
  --meeting-tag-sky-accent: #7dbbd0;
  --meeting-tag-sky-border: rgba(125, 187, 208, 0.42);
  --meeting-tag-sky-text: #ccebf3;
  --meeting-tag-sky-dot-text: #082f49;
  --meeting-tag-cyan-bg: rgba(6, 182, 212, 0.20);
  --meeting-tag-cyan-bg-hover: rgba(6, 182, 212, 0.28);
  --meeting-tag-cyan-accent: #22d3ee;
  --meeting-tag-cyan-border: rgba(103, 232, 249, 0.42);
  --meeting-tag-cyan-text: #a5f3fc;
  --meeting-tag-cyan-dot-text: #083344;
  --meeting-tag-teal-bg: rgba(116, 199, 182, 0.18);
  --meeting-tag-teal-bg-hover: rgba(116, 199, 182, 0.26);
  --meeting-tag-teal-accent: #74c7b6;
  --meeting-tag-teal-border: rgba(116, 199, 182, 0.42);
  --meeting-tag-teal-text: #c5efe6;
  --meeting-tag-teal-dot-text: #042f2e;
  --meeting-tag-green-bg: rgba(139, 201, 130, 0.18);
  --meeting-tag-green-bg-hover: rgba(139, 201, 130, 0.26);
  --meeting-tag-green-accent: #8bc982;
  --meeting-tag-green-border: rgba(139, 201, 130, 0.42);
  --meeting-tag-green-text: #d3f0cc;
  --meeting-tag-green-dot-text: #052e16;
  --meeting-tag-lime-bg: rgba(132, 204, 22, 0.20);
  --meeting-tag-lime-bg-hover: rgba(132, 204, 22, 0.28);
  --meeting-tag-lime-accent: #a3e635;
  --meeting-tag-lime-border: rgba(190, 242, 100, 0.42);
  --meeting-tag-lime-text: #d9f99d;
  --meeting-tag-lime-dot-text: #1a2e05;
  --meeting-tag-yellow-bg: rgba(226, 195, 95, 0.18);
  --meeting-tag-yellow-bg-hover: rgba(226, 195, 95, 0.26);
  --meeting-tag-yellow-accent: #e2c35f;
  --meeting-tag-yellow-border: rgba(226, 195, 95, 0.42);
  --meeting-tag-yellow-text: #f5e6ad;
  --meeting-tag-yellow-dot-text: #422006;
  --meeting-tag-amber-bg: rgba(245, 158, 11, 0.20);
  --meeting-tag-amber-bg-hover: rgba(245, 158, 11, 0.28);
  --meeting-tag-amber-accent: #fbbf24;
  --meeting-tag-amber-border: rgba(252, 211, 77, 0.42);
  --meeting-tag-amber-text: #fde68a;
  --meeting-tag-amber-dot-text: #451a03;
  --meeting-tag-orange-bg: rgba(227, 160, 100, 0.18);
  --meeting-tag-orange-bg-hover: rgba(227, 160, 100, 0.26);
  --meeting-tag-orange-accent: #e3a064;
  --meeting-tag-orange-border: rgba(227, 160, 100, 0.42);
  --meeting-tag-orange-text: #f3d3b4;
  --meeting-tag-orange-dot-text: #431407;
  --meeting-tag-red-bg: rgba(222, 129, 125, 0.18);
  --meeting-tag-red-bg-hover: rgba(222, 129, 125, 0.26);
  --meeting-tag-red-accent: #de817d;
  --meeting-tag-red-border: rgba(222, 129, 125, 0.42);
  --meeting-tag-red-text: #f0c2bf;
  --meeting-tag-red-dot-text: #450a0a;
  --meeting-tag-rose-bg: rgba(223, 130, 158, 0.18);
  --meeting-tag-rose-bg-hover: rgba(223, 130, 158, 0.26);
  --meeting-tag-rose-accent: #df829e;
  --meeting-tag-rose-border: rgba(223, 130, 158, 0.42);
  --meeting-tag-rose-text: #f0c2d1;
  --meeting-tag-rose-dot-text: #4c0519;
  --meeting-tag-pink-bg: rgba(236, 72, 153, 0.20);
  --meeting-tag-pink-bg-hover: rgba(236, 72, 153, 0.28);
  --meeting-tag-pink-accent: #f472b6;
  --meeting-tag-pink-border: rgba(249, 168, 212, 0.42);
  --meeting-tag-pink-text: #fbcfe8;
  --meeting-tag-pink-dot-text: #500724;
  --meeting-tag-fuchsia-bg: rgba(217, 70, 239, 0.20);
  --meeting-tag-fuchsia-bg-hover: rgba(217, 70, 239, 0.28);
  --meeting-tag-fuchsia-accent: #e879f9;
  --meeting-tag-fuchsia-border: rgba(240, 171, 252, 0.42);
  --meeting-tag-fuchsia-text: #f5d0fe;
  --meeting-tag-fuchsia-dot-text: #4a044e;
  --meeting-tag-purple-bg: rgba(185, 155, 228, 0.18);
  --meeting-tag-purple-bg-hover: rgba(185, 155, 228, 0.26);
  --meeting-tag-purple-accent: #b99be4;
  --meeting-tag-purple-border: rgba(185, 155, 228, 0.42);
  --meeting-tag-purple-text: #e2d5f7;
  --meeting-tag-purple-dot-text: #3b0764;
  --meeting-tag-violet-bg: rgba(139, 92, 246, 0.20);
  --meeting-tag-violet-bg-hover: rgba(139, 92, 246, 0.28);
  --meeting-tag-violet-accent: #a78bfa;
  --meeting-tag-violet-border: rgba(196, 181, 253, 0.42);
  --meeting-tag-violet-text: #ddd6fe;
  --meeting-tag-violet-dot-text: #2e1065;
  --meeting-tag-indigo-bg: rgba(155, 164, 227, 0.18);
  --meeting-tag-indigo-bg-hover: rgba(155, 164, 227, 0.26);
  --meeting-tag-indigo-accent: #9ba4e3;
  --meeting-tag-indigo-border: rgba(155, 164, 227, 0.42);
  --meeting-tag-indigo-text: #d6dbf7;
  --meeting-tag-indigo-dot-text: #1e1b4b;
  --meeting-tag-slate-bg: rgba(165, 179, 194, 0.18);
  --meeting-tag-slate-bg-hover: rgba(165, 179, 194, 0.26);
  --meeting-tag-slate-accent: #a5b3c2;
  --meeting-tag-slate-border: rgba(165, 179, 194, 0.42);
  --meeting-tag-slate-text: #e1e7ee;
  --meeting-tag-slate-dot-text: #0f172a;
  --meeting-tag-gray-bg: rgba(156, 163, 175, 0.20);
  --meeting-tag-gray-bg-hover: rgba(156, 163, 175, 0.28);
  --meeting-tag-gray-accent: #9ca3af;
  --meeting-tag-gray-border: rgba(156, 163, 175, 0.42);
  --meeting-tag-gray-text: #e5e7eb;
  --meeting-tag-gray-dot-text: #111827;
  --meeting-tag-zinc-bg: rgba(161, 161, 170, 0.20);
  --meeting-tag-zinc-bg-hover: rgba(161, 161, 170, 0.28);
  --meeting-tag-zinc-accent: #a1a1aa;
  --meeting-tag-zinc-border: rgba(161, 161, 170, 0.42);
  --meeting-tag-zinc-text: #e4e4e7;
  --meeting-tag-zinc-dot-text: #18181b;
  --meeting-tag-stone-bg: rgba(168, 162, 158, 0.20);
  --meeting-tag-stone-bg-hover: rgba(168, 162, 158, 0.28);
  --meeting-tag-stone-accent: #a8a29e;
  --meeting-tag-stone-border: rgba(168, 162, 158, 0.42);
  --meeting-tag-stone-text: #e7e5e4;
  --meeting-tag-stone-dot-text: #1c1917;
  --meeting-tag-mint-bg: rgba(16, 185, 129, 0.20);
  --meeting-tag-mint-bg-hover: rgba(16, 185, 129, 0.28);
  --meeting-tag-mint-accent: #34d399;
  --meeting-tag-mint-border: rgba(110, 231, 183, 0.42);
  --meeting-tag-mint-text: #a7f3d0;
  --meeting-tag-mint-dot-text: #022c22;
  --meeting-tag-emerald-bg: rgba(124, 201, 158, 0.18);
  --meeting-tag-emerald-bg-hover: rgba(124, 201, 158, 0.26);
  --meeting-tag-emerald-accent: #7cc99e;
  --meeting-tag-emerald-border: rgba(124, 201, 158, 0.42);
  --meeting-tag-emerald-text: #ccefd9;
  --meeting-tag-emerald-dot-text: #022c22;
  --meeting-tag-apricot-bg: rgba(251, 146, 60, 0.20);
  --meeting-tag-apricot-bg-hover: rgba(251, 146, 60, 0.28);
  --meeting-tag-apricot-accent: #fdba74;
  --meeting-tag-apricot-border: rgba(253, 186, 116, 0.42);
  --meeting-tag-apricot-text: #fed7aa;
  --meeting-tag-apricot-dot-text: #431407;
  --meeting-tag-sand-bg: rgba(217, 119, 6, 0.20);
  --meeting-tag-sand-bg-hover: rgba(217, 119, 6, 0.28);
  --meeting-tag-sand-accent: #fbbf24;
  --meeting-tag-sand-border: rgba(252, 211, 77, 0.42);
  --meeting-tag-sand-text: #fde68a;
  --meeting-tag-sand-dot-text: #451a03;
}