@font-face {
  font-family: Amenti;
  src: url("/assets/fonts/amenti-vf.ttf") format("truetype");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

body.scheduling-system-ui {
  --ink: #f3f3f3;
  --muted: #c9c9c9;
  --accent: #b6ff00;
  --accent-dark: #111111;
  --accent-soft: rgba(182, 255, 0, 0.12);
  --blue: #b6ff00;
  background: #111111 !important;
  color: #f3f3f3;
  font-family: Amenti, "Segoe UI", Arial, sans-serif !important;
  font-weight: 400;
}

body.scheduling-system-ui :is(h1, h2, h3, h4, p, li, a, button, input, select, textarea, strong, small, span):not(code) {
  font-family: Amenti, "Segoe UI", Arial, sans-serif !important;
}

body.scheduling-system-ui :is(h1, h2) {
  color: #f3f3f3 !important;
  font-weight: 760;
  letter-spacing: -0.027em !important;
}

body.scheduling-system-ui :is(h3, .brand-lockup strong) {
  color: #f3f3f3 !important;
  font-weight: 690;
  letter-spacing: -0.018em !important;
}

body.scheduling-system-ui .marketing-nav {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #111111 !important;
}

body.scheduling-system-ui :is(.scheduling-hero, .scheduling-system-section, .scheduling-advantage-section, .dashboard-preview-section) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #111111 !important;
}

body.scheduling-system-ui :is(.scheduling-hero, .scheduling-step-grid article, .scheduling-advantage-grid article)::after,
body.scheduling-system-ui :is(.scheduling-step-grid article, .scheduling-advantage-grid article)::before {
  background-image: none !important;
}

body.scheduling-system-ui :is(.scheduling-price-panel, .scheduler-preview, .dashboard-preview-board) {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #1a1a1a !important;
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.25) !important;
}

body.scheduling-system-ui :is(.scheduling-step-grid article, .scheduling-advantage-grid article) {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: #1a1a1a !important;
  box-shadow: none !important;
}

body.scheduling-system-ui :is(.scheduler-booking-card, .preview-control-card, .preview-payment-card, .preview-service-row, .dashboard-calendar-card, .dashboard-editor-card, .dashboard-booking-list div) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: #242424 !important;
  color: #f3f3f3 !important;
}

body.scheduling-system-ui :is(.scheduling-hero-copy > p:not(.eyebrow), .scheduling-system-section .section-heading p:not(.eyebrow), .scheduling-advantage-section .section-heading p:not(.eyebrow), .dashboard-preview-copy > p:not(.eyebrow), .scheduling-step-grid p, .scheduling-advantage-grid p) {
  color: #c9c9c9 !important;
}

body.scheduling-system-ui :is(.eyebrow, .scheduling-step-grid article > span:not(.scheduling-card-icon), .scheduling-advantage-grid a, .scheduling-install-guide li::before) {
  color: #b6ff00 !important;
}

body.scheduling-system-ui :is(.scheduling-price-panel > span, .preview-service-row span, .preview-control-card span, .preview-payment-card span, .dashboard-board-head span, .dashboard-editor-card > span, .dashboard-booking-list span, .dashboard-toggle-row b) {
  color: #b6ff00 !important;
}

body.scheduling-system-ui :is(.scheduling-price-panel > p, .dashboard-editor-card p, .dashboard-mini-week span, .scheduler-booking-card .demo-weekdays span, .scheduler-booking-card .demo-time-view p) {
  color: #c9c9c9 !important;
}

body.scheduling-system-ui :is(.dashboard-board-head strong, .dashboard-editor-card strong, .dashboard-booking-list strong, .preview-service-row strong, .preview-control-card strong) {
  color: #f3f3f3 !important;
}

body.scheduling-system-ui :is(.scheduling-step-grid .scheduling-card-icon, .scheduling-advantage-grid .scheduling-card-icon) {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background: #2a2a2a !important;
  box-shadow: none !important;
}

body.scheduling-system-ui .scheduling-card-icon::before { border-color: #e6e6e6 !important; }
body.scheduling-system-ui .scheduling-card-icon::after { border-color: #e6e6e6 !important; background: #e6e6e6 !important; }

body.scheduling-system-ui :is(.scheduling-mini-metrics span, .dashboard-toggle-row, .preview-control-card, .preview-payment-card) {
  border-color: rgba(255, 255, 255, 0.13) !important;
  background: #242424 !important;
  color: #e6e6e6 !important;
}

body.scheduling-system-ui :is(.demo-month-grid button:not(:disabled), .dashboard-mini-days strong) {
  border-color: #b6ff00 !important;
  background: #b6ff00 !important;
  color: #111111 !important;
}

body.scheduling-system-ui :is(.scheduler-booking-card .demo-month-grid button, .dashboard-mini-days span, .scheduler-booking-card .schedule-time-mini button) {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: #303030 !important;
  color: #d0d0d0 !important;
  box-shadow: none !important;
}

body.scheduling-system-ui .scheduler-booking-card .demo-month-grid button:not(:disabled) {
  border-color: #b6ff00 !important;
  background: #b6ff00 !important;
  color: #111111 !important;
}

body.scheduling-system-ui .dashboard-board-head b {
  background: #303030 !important;
  color: #f3f3f3 !important;
}

body.scheduling-system-ui .scheduling-install-example {
  border-color: rgba(255, 255, 255, 0.16);
  background: #1a1a1a;
  color: #f3f3f3;
}

body.scheduling-system-ui .scheduling-install-example-head { border-color: rgba(255, 255, 255, 0.15); }
body.scheduling-system-ui .scheduling-install-example-head span:last-child { color: #b6ff00; }
body.scheduling-system-ui .scheduling-install-example pre { background: #0c0c0c; }
body.scheduling-system-ui .scheduling-install-example :is(p, .scheduling-install-note) { color: #d0d0d0; }

body.scheduling-setup-page {
  min-height: 100vh;
  background: #111111;
  color: #f3f3f3;
  font-family: Amenti, "Segoe UI", Arial, sans-serif;
}

body.scheduling-setup-page :is(h1, h2) { color: #f3f3f3; font-weight: 760; letter-spacing: -0.025em; }
body.scheduling-setup-page :is(p, label, input, textarea, button) { font-family: inherit; }
body.scheduling-setup-page .muted { color: #c9c9c9; }
body.scheduling-setup-page a { color: #b6ff00; }
body.scheduling-setup-page .card {
  border-color: rgba(255, 255, 255, 0.15);
  background: #1a1a1a;
  box-shadow: none;
}
body.scheduling-setup-page :is(input, textarea, select) {
  border-color: rgba(255, 255, 255, 0.22);
  background: #242424;
  color: #f3f3f3;
}
body.scheduling-setup-page :is(input, textarea)::placeholder { color: #b4b4b4; }
body.scheduling-setup-page :is(input, textarea, select):focus-visible,
body.scheduling-setup-page button:focus-visible,
body.scheduling-setup-page a:focus-visible { outline: 2px solid #b6ff00; outline-offset: 3px; }
body.scheduling-setup-page button { background: #b6ff00; color: #111111; }
body.scheduling-setup-page :is(#newButton, .profile button) { background: #303030 !important; color: #f3f3f3 !important; }
body.scheduling-setup-page pre { background: #0b0b0b; color: #e6e6e6; }
body.scheduling-setup-page .profile { border-color: rgba(255, 255, 255, 0.15); }
