@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Poppins:wght@500;600;700&display=swap');

/* Holmes Estate Group: Guest Desk.
   Charcoal sidebar matching the logo background (#171717), silver highlights (#c4c4c6),
   navy actions (#1d2035, from his website). Layout and components are Guest Line's. */

:root {
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-display: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --ink: #171717;
  --ink-2: #232325;
  --ink-line: #333336;
  --on-ink: #ececee;
  --on-ink-muted: #a8a8ad;
  --sky: #c4c4c6;

  --bg: #f4f4f5;
  --surface: #ffffff;
  --surface-2: #f4f4f6;
  --line: #dfe4e9;
  --line-strong: #c5cdd5;
  --text: #0b0d10;
  --muted: #5a6570;
  --faint: #66717d;

  --brand: #1d2035;
  --brand-hover: #2c3150;
  --on-brand: #ffffff;
  --accent-text: #1d2035;
  --accent-tint: #ececf2;
  --accent-line: #c9cbd8;

  --red: #b3261e;
  --red-tint: #fbe9e7;
  --green: #1e7a46;
  --green-tint: #e5f3ea;
  --blue: #1d2035;
  --blue-tint: #ececf2;
  --grey-tint: #e9edf1;

  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(11, 13, 16, 0.04), 0 2px 8px rgba(11, 13, 16, 0.05);
  --sidebar: 248px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']) {
    --bg: #16171a;
    --surface: #202226;
    --surface-2: #26282d;
    --line: #34373c;
    --line-strong: #45484e;
    --text: #e8edf2;
    --muted: #9aa5b1;
    --faint: #7a8692;
    --accent-text: #c4c4c6;
    --brand: #c4c4c6;
    --brand-hover: #dcdcde;
    --on-brand: #16171a;
    --accent-tint: #26272c;
    --accent-line: #45464d;
    --red: #f0a097;
    --red-tint: #3a1f1c;
    --green: #8fd0a6;
    --green-tint: #17291e;
    --blue: #c9cbd8;
    --blue-tint: #26272c;
    --grey-tint: #222a33;
    --ink: #171717;
    --ink-2: #232325;
    --ink-line: #333336;
    --shadow: none;
  }
}
:root[data-theme='dark'] {
  --bg: #16171a;
  --surface: #202226;
  --surface-2: #26282d;
  --line: #34373c;
  --line-strong: #45484e;
  --text: #e8edf2;
  --muted: #9aa5b1;
  --faint: #7a8692;
  --accent-text: #c4c4c6;
    --brand: #c4c4c6;
    --brand-hover: #dcdcde;
    --on-brand: #16171a;
  --accent-tint: #26272c;
  --accent-line: #45464d;
  --red: #f0a097;
  --red-tint: #3a1f1c;
  --green: #8fd0a6;
  --green-tint: #17291e;
  --blue: #c9cbd8;
  --blue-tint: #26272c;
  --grey-tint: #222a33;
  --ink: #171717;
  --ink-2: #232325;
  --ink-line: #333336;
  --shadow: none;
}