/* =============================================================
   PoliceTax design tokens — single source of truth
   Linked by index.php, header.php and footer.php.
   Change a brand value here and it updates everywhere.
   ============================================================= */
:root {
    /* ===== Brand palette ===== */
    --ptx-navy:        #0a3760;   /* primary brand navy */
    --ptx-navy-light:  #0c315c;   /* header chrome navy */
    --ptx-navy-ink:    #14213d;   /* deep navy (header "New client" button) */
    --ptx-blue:        #1676ad;   /* accent blue */
    --ptx-blue-light:  #ddeefa;
    --ptx-red:         #ed1c24;
    --ptx-red-dark:    #c91018;
    --ptx-green:       #215605;
    --ptx-green-dark:  #13362a;
    --ptx-gold:        #e8a020;   /* footer accent */

    /* ===== Neutrals & text ===== */
    --ptx-ink:     #111827;
    --ptx-text:    #4a5a6b;
    --ptx-muted:   #5f6875;
    --ptx-muted-2: #6b7a8d;
    --ptx-line:    #d9dde3;
    --ptx-soft:    #f3f4f6;
    --ptx-white:   #ffffff;

    /* ===== Typography ===== */
    --ptx-font: "IBM Plex Sans", "Poppins", Arial, sans-serif;
    --type-xs:   clamp(11px, 0.72vw, 12px);
    --type-sm:   clamp(12px, 0.86vw, 14px);
    --type-body: clamp(14px, 1vw, 16px);
    --type-lead: clamp(16px, 1.18vw, 18px);
    --type-card: clamp(18px, 1.35vw, 21px);
    --type-h3:   clamp(21px, 1.75vw, 26px);
    --type-h2:   clamp(30px, 2.7vw, 42px);
    --type-h1:   clamp(38px, 4.3vw, 56px);

    /* ===== Back-compat aliases =====
       Legacy variable names used in index.php's inline CSS.
       They now resolve to the canonical tokens above, so the
       palette stays in one place without rewriting every rule. */
    --blue-dark:        var(--ptx-navy);
    --blue-mid:         var(--ptx-blue);
    --blue-light:       var(--ptx-blue-light);
    --text-body:        var(--ptx-text);
    --text-muted:       var(--ptx-muted-2);
    --theme-color:      var(--ptx-blue);
    --theme-color-dark: var(--ptx-navy);
}