/*
 * KAYLA SYSTEMS — SINGLE SOURCE OF DESIGN TOKENS.
 * Adjust theme, typography, widths, radii, shadows and motion here.
 * Component rules live in assets/css/premium/*.css; mobile breakpoints
 * remain real @media values because CSS variables cannot drive media queries.
 */
:root {
  color-scheme: light;
  /* Server-managed public theme overrides these values on :root. */
  --brand-accent: #205a41;
  --brand-background: #f6f8f5;
  --brand-surface: #ffffff;
  --brand-outline: #dce4dc;
  --bg: var(--brand-background, #f7f9f6);
  --surface: var(--brand-surface, #fff);
  --surface-alt: #eef3ee;
  --text: #1a2921;
  --muted: #5b6e62;
  --line: var(--brand-outline, #dbe5dc);
  --primary: var(--brand-accent, #20583f);
  --primary-hover: #174832;
  --primary-soft: #e3f0e7;
  --radius: 22px;
  --shadow: 0 3px 16px rgba(18,48,31,.045);
  font-family: Inter,"Segoe UI",Roboto,Arial,sans-serif;
  line-height: 1.55;
  --lux-ink: #132821;
  --lux-forest: #153b2e;
  --lux-accent: #dcc5a0;
  --lux-stone: #f1f2ef;
  --lux-line: #dfe3dd;
  font-synthesis: none;
  --layout-max: 1240px;
  --layout-gutter: 72px;
  --layout-gutter-tablet: 52px;
  --layout-gutter-mobile: 32px;
  --header-contact-height: 32px;
  --header-contact-height-mobile: 40px;
  --header-size: 104px;
  --header-size-mobile: 104px;
  --section-space: 84px;
  --section-space-mobile: 62px;
  --card-corner: 22px;
  --button-corner: 999px;
  --panel-corner: 22px;
  --hero-corner: 28px;
  --motion-ui: .22s;
  --premium-dark: #142b22;
  --premium-forest: var(--lux-forest);
  --premium-gold: #e2cda9;
  --premium-cream: var(--bg);
  --surface-raised: #ffffff;
  --surface-tinted: #f0f5f0;
  --outline-strong: #b8cbbc;
  --focus-ring: #317b54;
  --floating-contact-size: 56px;
  --floating-contact-clearance: 24px;
  --premium-white: var(--surface);
  --premium-soft: var(--surface-alt);
  --premium-outline: var(--line);
  --premium-focus: #387959;

  /* Isolated administration UI, inheriting the same design system. */
  --admin-background: #f6f8f6;
  --admin-text: #17291e;
  --admin-accent: #246348;
  --admin-border: #e0e8e1;
}