/* Direction: clean rose-and-plum salon back office — warm paper, berry accent, a serif for page titles */
/* Completed by the platform from the short form: both modes, every
   palette token, each text-on-ground pair at its floor. To restyle, write the
   short form again (the decisions in one :root) and it is completed again. */

:root {
  --canvas: #fbf6f4;
  --surface: #fdfbfa;
  --surface-2: #f0eae8;
  --border: #dbd5d4;
  --border-strong: #b7aeaf;
  --ink: #2a1721;
  --muted: #74676c;
  --accent: #a3305c;
  --accent-hover: #8b294e;
  --accent-ink: #ffffff;
  --accent-text: #8e2650;
  --accent-strong: #a3305c;
  --accent-soft: #efdadf;
  --accent-border: #d39db0;
  --success: #1c7a4a;
  --success-ink: #ffffff;
  --success-soft: #e0e7e0;
  --success-strong: #1a7044;
  --warning: #9a5b00;
  --warning-ink: #ffffff;
  --warning-soft: #efe3d7;
  --warning-strong: #8e5400;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #f2ddda;
  --danger-strong: #b3261e;
  --chart-1: #a3305c;
  --chart-2: #b2660f;
  --chart-3: #455500;
  --chart-4: #008979;
  --chart-5: #0a527b;
  --chart-6: #895ec4;

  --font-display: "Fraunces", Georgia, serif;
  --font-body: "Inter", system-ui, sans-serif;
  --radius-card: 14px;
  --radius-btn: 10px;
  --radius-input: 10px;
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-sans: "Inter", system-ui, sans-serif;
  --display-weight: 700;
  --display-tracking: -0.02em;
  --eyebrow-tracking: 0.08em;
}

html[data-theme="dark"] {
  --canvas: #14060b;
  --surface: #2c1f23;
  --surface-2: #201217;
  --border: #35292d;
  --border-strong: #5b5154;
  --ink: #fbf6f4;
  --muted: #9f9697;
  --accent: #a3305c;
  --accent-hover: #b14f74;
  --accent-ink: #ffffff;
  --accent-text: #c27793;
  --accent-strong: #bd6b8a;
  --accent-soft: #330f1d;
  --accent-border: #54192f;
  --success: #1c7a4a;
  --success-ink: #ffffff;
  --success-soft: #162019;
  --success-strong: #4e9871;
  --warning: #9a5b00;
  --warning-ink: #ffffff;
  --warning-soft: #311909;
  --warning-strong: #b07f38;
  --danger: #b3261e;
  --danger-ink: #ffffff;
  --danger-soft: #370d0f;
  --danger-strong: #cd706b;
  --chart-1: #b7436d;
  --chart-2: #ca7618;
  --chart-3: #748c07;
  --chart-4: #0b9d8b;
  --chart-5: #1d88c6;
  --chart-6: #9b70d8;
}

/* Salon back office: small touches only */
.nav-link:focus-visible,
.card a:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 2px;
}
@media print {
  header,
  aside {
    display: none !important;
  }
}