/* ─────────────────────────────────────────────────────────────────
   00-tokens.css — Brand tokens (Layer 0 in BQ CSS architecture)

   Single source of truth for color, typography, spacing, and motion
   values used across the BQ frontend. Other CSS layers reference
   these via var(--bq-*) — change a value here and it propagates
   everywhere that uses it.

   Loaded with priority 5 in wp_enqueue_scripts (before parent theme
   styles default priority 10) so tokens are available when later
   stylesheets resolve them.

   Mirrors the PHP constants in mu-plugins/bq-config.php — keep them
   in sync. PHP side is for runtime use (gtag IDs, tracking values);
   this file is for visual rendering.
   ───────────────────────────────────────────────────────────────── */

:root {
    /* ─── Brand colors ─────────────────────────────────────── */
    --bq-primary:        #17616d;            /* teal — main brand */
    --bq-accent:         #ef7c1a;            /* orange — CTA / highlights */
    --bq-dark:           #002e5b;            /* dark navy — text on light */

    /* ─── Functional aliases ───────────────────────────────── */
    --bq-text-light:     rgba(255,255,255,0.85);
    --bq-text-muted:     rgba(0,0,0,0.6);
    --bq-surface-white:  #ffffff;
    --bq-surface-overlay:rgba(255,255,255,0.14);

    /* ─── Legacy parent-theme tokens (override) ────────────── */
    /* Some consulting-theme components read these names; map to brand. */
    --con_header_nav_background_color: var(--bq-primary);
    --con_header_nav_shadow: rgba(0,0,0,0.2);

    /* ─── Motion ───────────────────────────────────────────── */
    --bq-transition-fast:   150ms ease;
    --bq-transition-normal: 300ms ease;
    --bq-ease-out:          cubic-bezier(0.16, 1, 0.3, 1);

    /* ─── Radii ───────────────────────────────────────────── */
    --bq-radius-sm: 4px;
    --bq-radius-md: 8px;
    --bq-radius-lg: 12px;
    --bq-radius-pill: 50px;
}