/* Brand tokens — single source of truth for the BestPost design system.
   Rebrand later = edit this file. Imported before app.css so tokens are
   available to every override. See docs/06-branding-design-system.md §1. */
:root {
    /* Brand — "bridge home": trustworthy blue + warm accent */
    --bp-primary:      #1E5AA8;   /* deep blue — trust, post/logistics */
    --bp-primary-600:  #17488a;
    --bp-primary-050:  #f2f7fd;   /* tinted section bands, soft icon wells */
    --bp-accent:       #E8A33D;   /* warm amber — home, gifts, care */
    --bp-accent-600:   #cf8a24;
    --bp-accent-050:   #fdf5e8;
    --bp-art-bg:       #fdf8f0;   /* the off-white the step illustrations are drawn on */
    --bp-ink:          #1c2430;   /* text */
    --bp-muted:        #5b6672;
    --bp-bg:           #ffffff;
    --bp-bg-soft:      #f5f7fa;
    --bp-success:      #2e9e6b;
    --bp-danger:       #d6453d;

    /* Section backgrounds — alternate white / gray / cream so long pages get a rhythm
       instead of a repeating blue band (UX review §5). */
    --bp-bg-gray:      #f8fafc;
    --bp-bg-cream:     #fffdf8;

    --bp-radius:       18px;
    /* Two-layer shadow: a tight contact shadow plus a soft ambient one reads more premium
       than a single large blur (UX review §3). */
    --bp-shadow:       0 2px 6px rgba(20, 40, 80, .05), 0 10px 24px rgba(20, 40, 80, .09);
    --bp-shadow-lift:  0 4px 10px rgba(20, 40, 80, .07), 0 16px 34px rgba(20, 40, 80, .13);
    --bp-font:         "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    --bp-maxw:         1140px;
}