html[data-theme="dark"],
html.dark {
  --ca-bg:         var(--ca-dark-bg,     #0f1220);
  --ca-surface:    var(--ca-dark-surface, #171a2a);
  --ca-border:     var(--ca-dark-border,  #1e2235);
  --ca-text:       #eef1ff;
  --ca-header-bg:  #0F1115;

  
  --ca-btn-grad-1: #28e6eb;
  --ca-btn-grad-2: #EB5E28;
  --ca-btn-grad-3: #CCC5B9;
  --ca-btn-grad-4: #28e6eb;

  
  --ca-notice-success-bg: rgba(16,185,129,.12);
  --ca-notice-success-border: rgba(16,185,129,.3);
  --ca-notice-success-text: #6ee7b7;
  --ca-notice-error-bg: rgba(239,68,68,.12);
  --ca-notice-error-border: rgba(239,68,68,.3);
  --ca-notice-error-text: #fca5a5;
  --ca-notice-warning-bg: rgba(245,158,11,.12);
  --ca-notice-warning-border: rgba(245,158,11,.3);
  --ca-notice-warning-text: #fcd34d;
  --ca-notice-info-bg: rgba(59,130,246,.12);
  --ca-notice-info-border: rgba(59,130,246,.3);
  --ca-notice-info-text: #93c5fd;
}

html[data-theme="dark"] :where(.ca-theme-shell, .casting-agenda-app),
html.dark               :where(.ca-theme-shell, .casting-agenda-app) {
  --ca-bg:           var(--ca-dark-bg,     #0e0b14);
  --ca-surface:      var(--ca-dark-surface, #1a1525);
  --ca-border:       var(--ca-dark-border,  #2d2540);
  --ca-text:         var(--text,  #eef1ff);
  --ca-muted:        var(--muted, #a8afc7);
  --ca-panel:        color-mix(in srgb, var(--ca-surface) 80%, #000 20%);
  --ca-surface-2:    color-mix(in srgb, var(--ca-surface) 60%, #000 40%);
  --ca-input-bg:     color-mix(in srgb, var(--ca-surface) 80%, #000 20%);
  --ca-input-border: var(--ca-border);
  --ca-input-text:   var(--ca-text);
  --ca-label-color:  var(--ca-text);
  --ca-muted-text:   var(--ca-muted, #a8afc7);

  --ca-alert-error-bg: rgba(239, 68, 68, 0.15);
  --ca-alert-error-border: rgba(239, 68, 68, 0.35);
  --ca-alert-error-text: #fca5a5;
  --ca-alert-ok-bg: rgba(16, 185, 129, 0.15);
  --ca-alert-ok-border: rgba(16, 185, 129, 0.35);
  --ca-alert-ok-text: #6ee7b7;
  --ca-alert-warning-bg: rgba(245, 158, 11, 0.15);
  --ca-alert-warning-border: rgba(245, 158, 11, 0.4);
  --ca-alert-warning-text: #fcd34d;
  --ca-alert-prominent-bg: rgba(110, 46, 139, 0.2);
  --ca-alert-prominent-border: rgba(110, 46, 139, 0.4);
  --ca-alert-prominent-text: #d8b4fe;

  --ca-danger: #f87171;
  --ca-danger-hover: #ef4444;

  --ca-today: #fbbf24;

  --ca-notice-success-bg: rgba(16,185,129,.12);
  --ca-notice-success-border: rgba(16,185,129,.3);
  --ca-notice-success-text: #6ee7b7;
  --ca-notice-error-bg: rgba(239,68,68,.12);
  --ca-notice-error-border: rgba(239,68,68,.3);
  --ca-notice-error-text: #fca5a5;
  --ca-notice-warning-bg: rgba(245,158,11,.12);
  --ca-notice-warning-border: rgba(245,158,11,.3);
  --ca-notice-warning-text: #fcd34d;
  --ca-notice-info-bg: rgba(59,130,246,.12);
  --ca-notice-info-border: rgba(59,130,246,.3);
  --ca-notice-info-text: #93c5fd;

  --ca-readonly-bg: var(--ca-surface-2);
  --ca-readonly-text: var(--ca-muted);
  --ca-readonly-border: var(--ca-border);
}

html[data-theme="dark"] .ca-shell-header,
html.dark               .ca-shell-header {
  background:          var(--ca-header-bg, var(--ca-bg)) !important;
  border-bottom:       var(--ca-header-border, none) !important;
  border-bottom-color: var(--ca-border) !important;
}

html[data-theme="dark"] .ca-tbl-td--odd,
html.dark               .ca-tbl-td--odd { background: rgba(255,255,255,.02); }

html[data-theme="dark"] .ca-tbl-th,
html.dark               .ca-tbl-th      { background: var(--ca-surface); border-color: var(--ca-border); }

html[data-theme="dark"] .ca-tbl-inp,
html[data-theme="dark"] .ca-tbl-sel,
html.dark               .ca-tbl-inp,
html.dark               .ca-tbl-sel {
  background:   var(--ca-surface-2, #1e2030) !important;
  color:        var(--ca-text) !important;
  border-color: var(--ca-border) !important;
}

html[data-theme="dark"] .ca-warn-box,
html.dark               .ca-warn-box {
  background:   rgba(245, 158, 11, 0.15) !important;
  border-color: rgba(245, 158, 11, 0.4) !important;
  color:        #fcd34d !important;
}

html[data-theme="dark"] .ca-readonly-input,
html.dark               .ca-readonly-input {
  background:   var(--ca-surface-2) !important;
  color:        var(--ca-muted-text) !important;
  border-color: var(--ca-border) !important;
}

html[data-theme="dark"] .ca-doc-slot,
html.dark               .ca-doc-slot {
  background:   var(--ca-surface) !important;
  border-color: var(--ca-border) !important;
}
html[data-theme="dark"] .ca-doc-upload,
html.dark               .ca-doc-upload {
  border-color: var(--ca-border) !important;
  color:        var(--ca-muted-text) !important;
}

html[data-theme="dark"] .ca-profile-hero,
html.dark               .ca-profile-hero { background: var(--ca-surface) !important; }

html[data-theme="dark"] :where(.casting-agenda-app, .ca-theme-shell) .ca-cell--blocked,
html.dark               :where(.casting-agenda-app, .ca-theme-shell) .ca-cell--blocked {
  background: repeating-linear-gradient(
    -45deg,
    rgba(239, 68, 68, 0.12), rgba(239, 68, 68, 0.12) 4px,
    transparent 4px, transparent 10px
  ) !important;
}

html[data-theme="dark"] .ca-theme-toggle__moon,
html.dark               .ca-theme-toggle__moon { display: none; }
html[data-theme="dark"] .ca-theme-toggle__sun,
html.dark               .ca-theme-toggle__sun  { display: inline; }

html[data-theme="dark"] .ca-pnav-logo--light,
html.dark               .ca-pnav-logo--light { display: none !important; }
html[data-theme="dark"] .ca-pnav-logo--dark,
html.dark               .ca-pnav-logo--dark  { display: block !important; }

html[data-theme="dark"] .ca-auth-logo--light,
html.dark               .ca-auth-logo--light { display: none !important; }
html[data-theme="dark"] .ca-auth-logo--dark,
html.dark               .ca-auth-logo--dark  { display: block !important; }

html[data-theme="dark"] .ca-logo--desktop.ca-logo--light,
html.dark               .ca-logo--desktop.ca-logo--light { display: none !important; }
html[data-theme="dark"] .ca-logo--desktop.ca-logo--dark,
html.dark               .ca-logo--desktop.ca-logo--dark  { display: inline-flex !important; }

@media (max-width: 767px) {
  html[data-theme="dark"] .ca-logo--mobile.ca-logo--light,
  html.dark               .ca-logo--mobile.ca-logo--light { display: none !important; }
  html[data-theme="dark"] .ca-logo--mobile.ca-logo--dark,
  html.dark               .ca-logo--mobile.ca-logo--dark  { display: inline-flex !important; }
}

html[data-theme="dark"] .ca-appearance-toggle,
html.dark               .ca-appearance-toggle {
  background: var(--ca-surface);
  border-color: var(--ca-border);
}
html[data-theme="dark"] .ca-theme-btn.active,
html.dark               .ca-theme-btn.active {
  background: var(--ca-bg);
  color: var(--ca-text);
}

html[data-theme="dark"] .ca-account-tabs,
html.dark               .ca-account-tabs {
  border-bottom-color: var(--ca-border);
}

html[data-theme="dark"] .ca-btn--ghost,
html.dark               .ca-btn--ghost {
  background: var(--ca-surface) !important;
  border-color: var(--ca-border) !important;
  color: var(--ca-text) !important;
}

html[data-theme="dark"] .ca-cal-tooltip__inner,
html.dark               .ca-cal-tooltip__inner {
  background: var(--ca-surface);
  border-color: var(--ca-border);
}

html[data-theme="dark"] .ca-auth-btn,
html.dark               .ca-auth-btn {
  background: #28e6eb !important;
  color:      #252422 !important;
}

html[data-theme="dark"] body.ca-auth-page .ca-auth-input,
html.dark               body.ca-auth-page .ca-auth-input {
  border-color: var(--ca-text, #eef1ff) !important;
}