/* ==========================================================================
   BURONI SERVICES — DESIGN TOKENS
   Single source of truth for all brand values.
   ========================================================================== */

:root {
  /* ── Typefaces ────────────────────────────────────────────────────────── */
  --font-display: 'Bebas Neue', 'Arial Black', sans-serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* ── Brand colours ────────────────────────────────────────────────────── */
  --color-blue:         #0468B7;
  --color-blue-hover:   #035599;
  --color-red:          #E21F21; /* Typographic accent rule ONLY — once per section */
  --color-teal:         #0D7377; /* Cleaning subdomain primary */
  --color-teal-hover:   #0F8589;

  /* ── Neutrals ─────────────────────────────────────────────────────────── */
  --color-ink:          #17171b;
  --color-charcoal:     #2d2d2d;
  --color-mute:         #73737b;
  --color-divider:      #dcdcdc;
  --color-steel:        #bfd2e4;
  --color-paper:        #f4f5f7;
  --color-white:        #ffffff;

  /* ── Dark surface palette ─────────────────────────────────────────────── */
  --color-dark-navy:    #09121e;
  --color-dark-deep:    #0d1520;
  --color-dark-mid:     #0f1923;
  --color-dark-card:    #17171b;

  /* ── Semantic aliases (default = main site) ───────────────────────────── */
  --color-primary:       var(--color-blue);
  --color-primary-hover: var(--color-blue-hover);

  /* ── Spacing (5 px base grid) ─────────────────────────────────────────── */
  --sp-xs:   5px;
  --sp-sm:   10px;
  --sp-md:   20px;
  --sp-lg:   30px;
  --sp-xl:   40px;
  --sp-2xl:  64px;
  --sp-3xl:  96px;

  /* ── Layout ───────────────────────────────────────────────────────────── */
  --layout-max:    1280px;
  --layout-gutter: 40px;

  /* ── Border radius ────────────────────────────────────────────────────── */
  --radius-subtle: 2px;
  --radius-card:   6px;
  --radius-round:  8px;
  --radius-pill:   20px;

  /* ── Elevation ────────────────────────────────────────────────────────── */
  --shadow-focus: 0 0 0 3px rgba(4, 104, 183, .22);
  --shadow-lift:  0 4px 18px rgba(0, 0, 0, .09);
  --shadow-dark:  0 12px 40px rgba(0, 0, 0, .35);

  /* ── Blueprint grid (reusable bg shorthand) ───────────────────────────── */
  --bp-image: linear-gradient(rgba(4,104,183,.07) 1px, transparent 1px),
              linear-gradient(90deg, rgba(4,104,183,.07) 1px, transparent 1px);
  --bp-size:  64px 64px;
}

/* ── Cleaning surface override ────────────────────────────────────────────── */
[data-surface="cleaning"] {
  --color-primary:       var(--color-teal);
  --color-primary-hover: var(--color-teal-hover);
}