:root {
  --bta-font-family: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --bta-primary-color: #3b82f6;
  --bta-primary-10: rgba(59, 130, 246, 0.10);
  --bta-primary-18: rgba(59, 130, 246, 0.18);
  --bta-primary-25: rgba(59, 130, 246, 0.25);
  --bta-sidebar-bg: #051937;
  --bta-sidebar-footer-bg: rgba(255, 255, 255, 0.05);
  --bta-sidebar-active-bg: #3b82f6;
  --bta-sidebar-active-shadow: 0 8px 22px rgba(59, 130, 246, 0.38);
  --bta-sidebar-active-glow: 0 0 16px rgba(59, 130, 246, 0.45);
  --bta-cyan-active-bg: rgba(46, 230, 243, 0.13);
  --bta-cyan-active-text: #2ef3f4;
  --bta-cyan-active-shadow: 0 18px 40px rgba(46, 230, 243, 0.18);
  --bta-cyan-active-glow: 0 0 18px rgba(46, 243, 244, 0.28);
  --bta-success-color: #12b76a;
  --bta-warning-color: #f5a524;
  --bta-error-color: #ef4444;

  --bta-sidebar-gradient-from: #051937;
  --bta-sidebar-gradient-to: #051937;

  --bta-header-bg: #ffffff;
  --bta-background-color: #f1f3f8;
  --bta-card-bg: #ffffff;

  --bta-text-primary: #0e1726;
  --bta-text-secondary: #5f6d83;
  --bta-text-on-dark: #ffffff;
  --bta-text-on-dark-muted: rgba(255, 255, 255, 0.75);

  --bta-border-color: #e2e6ef;
  --bta-border-color-on-dark: rgba(255, 255, 255, 0.08);

  --bta-white-03: rgba(255, 255, 255, 0.03);
  --bta-white-04: rgba(255, 255, 255, 0.04);
  --bta-white-06: rgba(255, 255, 255, 0.06);
  --bta-white-08: rgba(255, 255, 255, 0.08);
  --bta-white-10: rgba(255, 255, 255, 0.10);
  --bta-white-12: rgba(255, 255, 255, 0.12);
  --bta-white-14: rgba(255, 255, 255, 0.14);
  --bta-white-18: rgba(255, 255, 255, 0.18);
  --bta-white-40: rgba(255, 255, 255, 0.40);
  --bta-white-62: rgba(255, 255, 255, 0.62);
  --bta-white-85: rgba(255, 255, 255, 0.85);
  --bta-white-86: rgba(255, 255, 255, 0.86);
  --bta-white-90: rgba(255, 255, 255, 0.90);
  --bta-white-95: rgba(255, 255, 255, 0.95);

  --bta-brand-purple: #8b5cf6;
  --bta-sidebar-min-width: 74px;
  --bta-purple-18: rgba(139, 92, 246, 0.18);
  --bta-purple-28: rgba(139, 92, 246, 0.28);
  --bta-purple-55: rgba(139, 92, 246, 0.55);

  --bta-radius-10: 10px;
  --bta-radius-12: 12px;
  --bta-radius-14: 14px;
  --bta-radius-pill: 999px;

  --bta-space-6: 6px;
  --bta-space-8: 8px;
  --bta-space-10: 10px;
  --bta-space-12: 12px;
  --bta-space-14: 14px;
  --bta-space-16: 16px;
  --bta-space-18: 18px;
  --bta-space-20: 20px;

  --bta-shadow-sidebar: 0 28px 70px rgba(0, 0, 0, 0.35);
  --bta-shadow-float: 0 10px 22px rgba(15, 23, 42, 0.08);
  --bta-shadow-soft: 0 8px 20px rgba(15, 23, 42, 0.06);
  --bta-shadow-active: 0 18px 40px rgba(46, 111, 243, 0.35);
  --bta-shadow-active-glow: 0 0 16px rgba(46, 111, 243, 0.65);
  --bta-shadow-purple: 0 14px 30px rgba(139, 92, 246, 0.18);
  --bta-shadow-auth: 0 22px 65px rgba(15, 23, 42, 0.14);

  --bta-streak-bg: #fff7e6;
  --bta-streak-text: #b45309;
  --bta-hover-bg-on-light: rgba(15, 23, 42, 0.04);
  --bta-hover-bg-on-light-soft: rgba(15, 23, 42, 0.03);

  --bta-auth-bg: #f5f8ff;
  --bta-auth-input-bg: #ffffff;
  --bta-auth-input-border: var(--bta-border-color);
  --bta-auth-input-icon-bg: #f6f8fc;
  --bta-auth-doodle-opacity: 0.55;

  --bta-cal-btn-border: var(--bta-border-color);
  --bta-cal-btn-bg: var(--bta-card-bg);
  --bta-cal-btn-hover-bg: var(--bta-hover-bg-on-light-soft);

  --bta-cal-day-header-bg: var(--bta-hover-bg-on-light-soft);
  --bta-cal-cell-hover-bg: var(--bta-hover-bg-on-light-soft);
  --bta-cal-outside-text: rgba(15, 23, 42, 0.35);

  --bta-cal-tag-blue-bg: rgba(46, 111, 243, 0.14);
  --bta-cal-tag-blue-text: var(--bta-primary-color);
  --bta-cal-tag-amber-bg: rgba(245, 165, 36, 0.22);
  --bta-cal-tag-amber-text: var(--bta-streak-text);

  --bta-cal-today-border: var(--bta-primary-color);
  --bta-cal-today-pill-bg: rgba(18, 183, 106, 0.16);
  --bta-cal-today-pill-text: var(--bta-success-color);
  --bta-cal-today-pill-border: rgba(18, 183, 106, 0.25);

  --bta-notification-panel-height: 600px;

  --bta-announcement-item-gap: 5px;
  --bta-announcement-highlight-padding: 10px;
  --bta-announcement-bullet-top: 18px;
  --bta-announcement-wrapper-top: 120px;

  --bta-priority-high-bg: rgba(239, 68, 68, 0.14);
  --bta-priority-medium-bg: rgba(245, 165, 36, 0.18);
  --bta-priority-low-bg: rgba(18, 183, 106, 0.16);
}