/*
 * Canonical Salon Theme
 * Single visual source of truth for every salon workspace surface.
 * Inspired by the approved reference: lavender atmosphere, floating white
 * workspace, soft periwinkle actions, and restrained pastel category cues.
 */

html body.flow-app.flow-acct-salon_spa {
  --salon-canvas: #ebe7f7;
  --salon-canvas-soft: #f5f2fc;
  --salon-surface: #ffffff;
  --salon-surface-soft: #f6f5fb;
  --salon-surface-raised: #fbfaff;
  --salon-ink: #1c1d2a;
  --salon-muted: #858296;
  --salon-faint: #aaa7ba;
  --salon-line: rgba(71, 65, 110, 0.1);
  --salon-accent: #5664e8;
  --salon-accent-hover: #4654d6;
  --salon-accent-secondary: #7b67dd;
  --salon-accent-soft: rgba(86, 100, 232, 0.12);
  --salon-on-accent: #ffffff;
  --salon-danger: #c85d69;
  --salon-danger-soft: rgba(200, 93, 105, 0.1);
  --salon-warning: #a7742d;
  --salon-positive: #387d68;
  --salon-category-default: #7c87ea;
  --salon-category-nail: #e788aa;
  --salon-category-wellness: #62b495;
  --salon-category-beauty: #d8789b;
  --salon-category-grooming: #c7a43e;
  --salon-shadow: 0 18px 48px rgba(78, 70, 128, 0.12);
  --salon-shadow-soft: 0 8px 24px rgba(78, 70, 128, 0.08);

  --sd-ink: var(--salon-ink);
  --sd-muted: var(--salon-muted);
  --sd-floor: var(--salon-canvas);
  --sd-paper: var(--salon-surface);
  --sd-paper-2: var(--salon-surface-soft);
  --sd-line: var(--salon-line);
  --sd-accent: var(--salon-accent);
  --sd-free: var(--salon-accent);
  --sd-free-bg: var(--salon-accent-soft);
  --sd-busy: var(--salon-danger);
  --sd-busy-bg: var(--salon-danger-soft);
  --sd-warning: var(--salon-warning);
  --sd-special: var(--salon-accent-secondary);

  --flow-bg: var(--salon-canvas);
  --flow-bg2: var(--salon-canvas-soft);
  --flow-bg3: var(--salon-surface-soft);
  --flow-card: var(--salon-surface);
  --flow-surface: var(--salon-surface);
  --flow-panel: var(--salon-surface);
  --flow-elevated: var(--salon-surface);
  --flow-inset-bg: var(--salon-surface-soft);
  --flow-input-bg: var(--salon-surface);
  --flow-subtle-bg: var(--salon-surface-soft);
  --flow-bar-bg: var(--salon-surface);
  --flow-border: var(--salon-line);
  --flow-border-hi: rgba(86, 100, 232, 0.38);
  --flow-white: var(--salon-ink);
  --flow-w95: rgba(28, 29, 42, 0.95);
  --flow-w90: rgba(28, 29, 42, 0.9);
  --flow-w80: rgba(28, 29, 42, 0.8);
  --flow-w70: rgba(28, 29, 42, 0.7);
  --flow-w65: rgba(28, 29, 42, 0.65);
  --flow-w60: rgba(28, 29, 42, 0.6);
  --flow-w55: rgba(28, 29, 42, 0.55);
  --flow-w50: rgba(28, 29, 42, 0.5);
  --flow-w45: rgba(28, 29, 42, 0.45);
  --flow-w40: rgba(28, 29, 42, 0.4);
  --flow-w30: rgba(28, 29, 42, 0.3);
  --flow-w20: rgba(28, 29, 42, 0.2);
  --flow-w15: rgba(28, 29, 42, 0.14);
  --flow-w12: rgba(28, 29, 42, 0.1);
  --flow-w10: rgba(28, 29, 42, 0.08);
  --flow-w08: rgba(28, 29, 42, 0.06);
  --flow-w06: rgba(28, 29, 42, 0.045);
  --flow-shadow: var(--salon-shadow);
  --flow-green: var(--salon-accent);
  --flow-ok: var(--salon-positive);
  --flow-danger: var(--salon-danger);
  --flow-red: var(--salon-danger);
  --flow-warning: var(--salon-warning);
  --flow-accent: var(--salon-accent);
  --flow-on-accent: var(--salon-on-accent);
  --flow-cyan: var(--salon-accent);
  --flow-teal: var(--salon-accent);
  --flow-overlay: var(--salon-ink);
  --salon-rail: var(--salon-surface-soft);
  --salon-free: var(--salon-accent);
  --lp-bg: var(--salon-canvas);
  --lp-cream: var(--salon-ink);
  --lp-cream-dim: var(--salon-muted);
  --lp-border: var(--salon-line);

  color: var(--salon-ink);
  background: var(--salon-canvas);
  font-family: "Plus Jakarta Sans", "Space Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Component styles live with their source selectors and consume these aliases. */