/*
 * Canonical brand primitives, shared by the public site (public.css/site.css)
 * and the admin panel (theme.css/components.css). documents.css intentionally
 * does not load this file — it's a separate print/export design language.
 *
 * Every primitive here is prefixed --bb- so it can never collide with (or
 * accidentally self-reference via) a same-named variable already declared
 * in public.css/theme.css. Those files alias their own token names to these
 * primitives, so every existing rule that references --navy/--gold/--r-md/
 * etc. keeps working unchanged.
 */
:root {
    /* Brand color — confirmed identical hex across public.css (--navy/--gold)
       and admin theme.css (--accent-dark/--accent/--gold-light); only the
       variable names had diverged. */
    --bb-navy-900: #0D1B2E;
    --bb-navy-800: #162438;
    --bb-navy-700: #1E3050;

    --bb-gold-600: #A8891F;
    --bb-gold-500: #C9A227;
    --bb-gold-400: #D9B640;
    --bb-gold-300: #E8C84A;

    /* Shared spacing scale (4px base) */
    --bb-space-1: 4px;
    --bb-space-2: 8px;
    --bb-space-3: 12px;
    --bb-space-4: 16px;
    --bb-space-5: 24px;
    --bb-space-6: 32px;
    --bb-space-7: 48px;
    --bb-space-8: 64px;

    /* Shared radius scale */
    --bb-radius-sm: 8px;
    --bb-radius-md: 12px;
    --bb-radius-lg: 16px;
    --bb-radius-full: 9999px;

    /* Shared shadow scale (neutral; surfaces tint via their own --shadow-color) */
    --bb-shadow-1: 0 1px 3px rgba(0,0,0,0.08), 0 1px 2px rgba(0,0,0,0.05);
    --bb-shadow-2: 0 4px 6px rgba(0,0,0,0.06), 0 2px 4px rgba(0,0,0,0.04);
    --bb-shadow-3: 0 10px 15px rgba(0,0,0,0.08), 0 4px 6px rgba(0,0,0,0.05);

    /* Canonical motion system — one easing family, one duration scale, used
       by assets/js/motion.js and every new/rebuilt animation site-wide. */
    --bb-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --bb-duration-fast: 150ms;
    --bb-duration-base: 300ms;
    --bb-duration-slow: 500ms;
}