/* Timebinder Redesign Styles */
/* Timebinder brand tokens */

.tb-theme,
[data-bs-theme=light] .tb-theme {
  --tb-color-primary: #7C3AED;
  --tb-color-primary-rgb: 124, 58, 237;
  --tb-color-primary-text-emphasis: #4c1d95;
  --tb-color-primary-bg-subtle: #f5f3ff;
  --tb-color-primary-border-subtle: #c4b5fd;
  --tb-link-color: #7C3AED;
  --tb-link-color-rgb: 124, 58, 237;
  --tb-link-hover-color: #6D28D9;
  --tb-link-hover-color-rgb: 109, 40, 217;
  --tb-focus-ring-color: rgba(124, 58, 237, 0.25);
  --tb-color-primary-active: #6D28D9;
  --tb-color-primary-light: #f5f3ff;
  --tb-color-primary-inverse: #ffffff;

  --tb-primary: var(--tb-color-primary);
  --tb-primary-rgb: var(--tb-color-primary-rgb);
  --tb-primary-text-emphasis: var(--tb-color-primary-text-emphasis);
  --tb-primary-bg-subtle: var(--tb-color-primary-bg-subtle);
  --tb-primary-border-subtle: var(--tb-color-primary-border-subtle);
  --tb-primary-active: var(--tb-color-primary-active);
  --tb-primary-light: var(--tb-color-primary-light);
  --tb-primary-inverse: var(--tb-color-primary-inverse);

  --bs-primary: var(--tb-color-primary);
  --bs-primary-rgb: var(--tb-color-primary-rgb);
  --bs-primary-text-emphasis: var(--tb-color-primary-text-emphasis);
  --bs-primary-bg-subtle: var(--tb-color-primary-bg-subtle);
  --bs-primary-border-subtle: var(--tb-color-primary-border-subtle);
  --bs-link-color: var(--tb-link-color);
  --bs-link-color-rgb: var(--tb-link-color-rgb);
  --bs-link-hover-color: var(--tb-link-hover-color);
  --bs-link-hover-color-rgb: var(--tb-link-hover-color-rgb);
  --bs-focus-ring-color: var(--tb-focus-ring-color);
  --bs-primary-active: var(--tb-color-primary-active);
  --bs-primary-light: var(--tb-color-primary-light);
  --bs-primary-inverse: var(--tb-color-primary-inverse);
}

[data-bs-theme=dark] .tb-theme {
  --tb-color-primary: #8B5CF6;
  --tb-color-primary-rgb: 139, 92, 246;
  --tb-color-primary-text-emphasis: #ddd6fe;
  --tb-color-primary-bg-subtle: #2e1065;
  --tb-color-primary-border-subtle: #6d28d9;
  --tb-link-color: #a78bfa;
  --tb-link-color-rgb: 167, 139, 250;
  --tb-link-hover-color: #c4b5fd;
  --tb-link-hover-color-rgb: 196, 181, 253;
  --tb-focus-ring-color: rgba(139, 92, 246, 0.3);
  --tb-color-primary-active: #7C3AED;
  --tb-color-primary-light: #2e1065;
  --tb-color-primary-inverse: #ffffff;

  --tb-primary: var(--tb-color-primary);
  --tb-primary-rgb: var(--tb-color-primary-rgb);
  --tb-primary-text-emphasis: var(--tb-color-primary-text-emphasis);
  --tb-primary-bg-subtle: var(--tb-color-primary-bg-subtle);
  --tb-primary-border-subtle: var(--tb-color-primary-border-subtle);
  --tb-primary-active: var(--tb-color-primary-active);
  --tb-primary-light: var(--tb-color-primary-light);
  --tb-primary-inverse: var(--tb-color-primary-inverse);

  --bs-primary: var(--tb-color-primary);
  --bs-primary-rgb: var(--tb-color-primary-rgb);
  --bs-primary-text-emphasis: var(--tb-color-primary-text-emphasis);
  --bs-primary-bg-subtle: var(--tb-color-primary-bg-subtle);
  --bs-primary-border-subtle: var(--tb-color-primary-border-subtle);
  --bs-link-color: var(--tb-link-color);
  --bs-link-color-rgb: var(--tb-link-color-rgb);
  --bs-link-hover-color: var(--tb-link-hover-color);
  --bs-link-hover-color-rgb: var(--tb-link-hover-color-rgb);
  --bs-focus-ring-color: var(--tb-focus-ring-color);
  --bs-primary-active: var(--tb-color-primary-active);
  --bs-primary-light: var(--tb-color-primary-light);
  --bs-primary-inverse: var(--tb-color-primary-inverse);
}