/*
 * Stayvenia staff brand kit — GENERATED FILE, DO NOT EDIT BY HAND.
 * Version 1.0.0. Regenerate with `npm run brand:kit` in the PMS repo.
 *
 * Staff surfaces only. Guest-facing surfaces carry the HOTEL's white-label
 * brand and must never adopt these colours.
 */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');

:root {
  --font-sans: 'DM Sans', system-ui, sans-serif;
  --font-serif: 'DM Serif Display', Georgia, serif;

  --navy: #062f46;
  --navy-2: #0b425f;
  --teal: #3ee6c1;
  --teal-dark: #0a725f;
  --sand: #e8d5b5;
  --paper: #f6f8f7;
  --white: #ffffff;
  --ink: #123448;
  --muted: #6d8591;
  --line: #dce5e6;
  --soft: #edf3f2;
  --coral: #e77f68;
  --amber: #dca442;
  --danger: #b84040;
  --danger-soft: #fff1ef;
  --shadow: 0 18px 50px rgba(6, 47, 70, .11);
  --shadow-modal: 0 24px 80px rgba(6, 47, 70, .3);
  --radius-panel: 17px;
  --radius-modal: 20px;
  --radius-empty-state: 22px;
  --radius-button: 11px;
  --radius-input: 10px;
  --radius-chip: 9px;
  --radius-pill: 999px;
  --radius-brand: 13px 13px 13px 4px;
  --radius-brand-lg: 14px 14px 14px 5px;
  --text-display-1: clamp(26px, 2.4vw, 34px);
  --text-display-2: 25px;
  --text-metric: 23px;
  --text-panel-title: 13px;
  --text-body: 11px;
  --text-control: 9px;
  --text-chip: 8px;
}

/* The staff shell's base typography. Apply to the document root. */
.stayvenia-staff,
:root.stayvenia-staff {
  color: var(--ink);
  font-family: var(--font-sans);
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}

/* Every interactive element uses exactly this focus ring. */
.stayvenia-staff button:focus-visible,
.stayvenia-staff input:focus-visible,
.stayvenia-staff select:focus-visible,
.stayvenia-staff textarea:focus-visible,
.stayvenia-staff a:focus-visible {
  outline: 3px solid rgba(62, 230, 193, .46);
  outline-offset: 2px;
}