/* Service brand palette. Foundation colours come from the owner's 7 Nov 2026 reference.
   Components consume semantic roles, never the foundation colours directly.
   WixLite aliases below keep shared controls and Service screens on the same theme. */
:root {
  --brand-lavender: #8381a6;
  --brand-terracotta: #d48662;
  --brand-oxblood: #8b322c;
  --brand-umber: #723715;
  --brand-espresso: #26160c;
  --service-bg: #faf6f2;
  --service-panel: #ffffff;
  --service-ink: var(--brand-espresso);
  --service-muted: #715e55;
  --service-line: #e5d9d2;
  --service-field-border: #a58b80;
  --service-primary: var(--brand-oxblood);
  --service-primary-hover: #722923;
  --service-on-primary: #ffffff;
  --service-primary-soft: #f4e5e2;
  --service-secondary: var(--brand-lavender);
  --service-secondary-soft: #efedf5;
  --service-warm: #f5e3d8;
  --service-warm-ink: var(--brand-umber);
  --service-focus: var(--brand-lavender);
  --service-sidebar: var(--brand-espresso);
  --service-sidebar-ink: #e4cdbf;
  --service-sidebar-heading: #fff9f5;
  --service-sidebar-muted: #cfb8ac;
  --service-sidebar-line: #60473d;
  --service-sidebar-active: #493330;
  --service-sidebar-hover: #39271f;
  --service-sidebar-accent: var(--brand-terracotta);
  --service-sidebar-soft: #35231b;
  --service-brand-mark: var(--brand-lavender);
  --service-brand-mark-ink: var(--brand-espresso);
  --service-avatar: var(--brand-terracotta);
  --service-avatar-ink: var(--brand-espresso);
  --service-positive: var(--brand-umber);
  --service-positive-soft: #f4e7dc;
  --service-negative: var(--brand-oxblood);
  --service-negative-soft: #f7e1df;
  --service-shadow: 0 4px 20px #26160c0d;
  --service-drawer-shadow: -8px 0 40px #26160c1f;
  --service-welcome-glow: #e8e3f1;
  --service-select-top: #ffffff;
  --service-select-bottom: #eee5df;
  --service-select-highlight: #ffffffed;
  --service-select-shade: #7237150a;
  --service-select-shadow: #26160c1f;
  color-scheme: light;
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  color: var(--service-ink);
  background: var(--service-bg);
}
:root[data-theme=dark] {
  --service-bg: var(--brand-espresso);
  --service-panel: #35251d;
  --service-ink: #fcf3ec;
  --service-muted: #d4bfb2;
  --service-line: #654e42;
  --service-field-border: #a68c7c;
  --service-primary: var(--brand-terracotta);
  --service-primary-hover: #e4a184;
  --service-on-primary: var(--brand-espresso);
  --service-primary-soft: #45241e;
  --service-secondary: #aaa7ca;
  --service-secondary-soft: #393247;
  --service-warm: #4b3022;
  --service-warm-ink: #efbb99;
  --service-focus: #aaa7ca;
  --service-sidebar: #1d110a;
  --service-sidebar-active: #493330;
  --service-sidebar-hover: #39271f;
  --service-positive: #edb494;
  --service-positive-soft: #493124;
  --service-negative: #efa9a1;
  --service-negative-soft: #4b2824;
  --service-shadow: 0 4px 20px #00000026;
  --service-drawer-shadow: -8px 0 40px #00000040;
  --service-welcome-glow: #3d3044;
  --service-select-top: #665045;
  --service-select-bottom: #35251d;
  --service-select-highlight: #ffffff26;
  --service-select-shade: #0000001a;
  --service-select-shadow: #00000059;
  color-scheme: dark;
}
/* Shared primitives use the same foreground role in both light and dark modes. */
.pui-button-primary { color: var(--service-on-primary); }
.pui-input, .pui-field select, .field-input, .support-input { border-color: var(--service-field-border); }
/* Match shared primitive theme specificity in both modes; aliases always resolve to Service roles. */
:root, :root[data-theme=light], :root[data-theme=dark] {
  --bg: var(--service-bg);
  --surface: var(--service-panel);
  --text: var(--service-ink);
  --fg: var(--service-ink);
  --muted: var(--service-muted);
  --line: var(--service-line);
  --border: var(--service-line);
  --accent: var(--service-primary);
  --accent-hover: var(--service-primary-hover);
  --accent-soft: var(--service-primary-soft);
  --positive: var(--service-positive);
  --warning: var(--service-warm-ink);
  --warning-bg: var(--service-warm);
  --negative: var(--service-negative);
  --negative-bg: var(--service-negative-soft);
  --neutral-bg: var(--service-secondary-soft);
  --focus: var(--service-focus);
  --sidebar: var(--service-panel);
  --shadow: var(--service-shadow);
  --select-top: var(--service-select-top);
  --select-bottom: var(--service-select-bottom);
  --select-border: var(--service-field-border);
  --select-highlight: var(--service-select-highlight);
  --select-shade: var(--service-select-shade);
  --select-shadow: var(--service-select-shadow);
}
/* Printed records and guides always use light, legible neutral surfaces. */
@media print {
  :root, :root[data-theme=light], :root[data-theme=dark] {
    --service-bg: #ffffff;
    --service-panel: #ffffff;
    --service-ink: #000000;
    --service-muted: #333333;
    --service-primary: #000000;
    --service-on-primary: #ffffff;
    --service-primary-soft: #ffffff;
    --service-line: #777777;
    color-scheme: light;
  }
}