:root {
  /* Backgrounds and surfaces */
  --bg-colorful: linear-gradient(90deg, var(--status-new-bg), var(--status-confirmed-bg), var(--status-arrived-bg), var(--status-completed-bg), var(--status-cancelled-bg), var(--status-no-show-bg));
  --bg-start: #f2f2f2;
  --bg-end: #cfcfcf;
  --panel: #f8f8f8;
  --panel-dark: #d5d5d5;
  --border: #b8c0c6;
  --border-strong: #9f9f9f;
  --text: #000000;
  --muted: #35434e;

  /* Brand colors */
  --gold-light: #F0DBBA;
  --gold: #D7A24A;
  --gold-dark: #8D631F;

  /* Feedback colors */
  --error-light: #FFEEEE;
  --error: #FF0000;
  --error-dark: #A80000;

  --success-light: #E5FFF1;
  --success: #00B050;
  --success-dark: #00642D;

  --warning-light: #FFE2C5;
  --warning: #E27100;
  --warning-dark: #964B00;

  /* Reservation status colors */
  --status-new: #974706;
  --status-new-bg: #FDE9D9;
  --status-confirmed: #4F6228;
  --status-confirmed-bg: #EBF1DE;
  --status-arrived: #215967;
  --status-arrived-bg: #DAEEF3;
  --status-completed: #403151;
  --status-completed-bg: #E4DFEC;
  --status-cancelled: #632523;
  --status-cancelled-bg: #F2DCDB;
  --status-no-show: #494529;
  --status-no-show-bg: #DDD9C4;

  /* Shape */
  --radius-lg: 36px;
  --radius-md: 18px;
  --radius-sm: 15px;
  --radius-pill: 999px;

  /* Depth */
  --shadow-raised:
    4px 4px 8px rgba(0, 0, 0, 0.18),
    -3px -3px 7px rgba(238, 238, 238, 0.95),
    inset 2px 2px 5px rgba(255, 255, 255, 0.8),
    inset -3px -3px 6px rgba(0, 0, 0, 0.08);
  --shadow-inset:
    inset 6px 6px 12px rgba(0, 0, 0, 0.2),
    inset -5px -5px 10px rgba(255, 255, 255, 0.9);
}

/* Hidden page scrollbars */

html,
body {
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

html::-webkit-scrollbar,
body::-webkit-scrollbar {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}

html::-webkit-scrollbar-button,
body::-webkit-scrollbar-button,
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track,
html::-webkit-scrollbar-track-piece,
body::-webkit-scrollbar-track-piece,
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-corner,
body::-webkit-scrollbar-corner,
html::-webkit-resizer,
body::-webkit-resizer {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  background: transparent !important;
}