/* =====================================================================
   BLVD — Boulevard brand tokens (shared by storefront + panels)
   Source: Figma "BLVD App" home (node 2200-1520)
   ===================================================================== */
:root {
    /* Ink / text */
    --blvd-ink: #1A1714;
    --blvd-ink-rgb: 26, 23, 20;
    --blvd-ink-2: #3A3430;
    --blvd-text: #4A4440;
    --blvd-muted: #857E79;
    --blvd-subtle: #A9A3A0;

    /* Brand accents */
    --blvd-accent: #A67C5B;          /* caramel / rose-gold ("Boulevard") */
    --blvd-accent-rgb: 166, 124, 91;
    --blvd-accent-dark: #8C6548;     /* accessible on white (5:1) */
    --blvd-accent-dark-rgb: 140, 101, 72;
    --blvd-accent-soft: #F3E6DB;
    --blvd-lavender: #9F89CC;        /* discount pills */
    --blvd-lavender-rgb: 159, 137, 204;
    --blvd-lavender-soft: #EEE8F7;
    --blvd-heart: #D12E33;

    /* Surfaces */
    --blvd-bg: #F4EFEA;
    --blvd-cream: #FBF7F3;
    --blvd-hero: #F8E6DA;
    --blvd-card: #F7F1EC;
    --blvd-surface: #FFFFFF;
    --blvd-border: #ECE4DD;
    --blvd-border-strong: #DDD2C8;

    /* Shape & depth */
    --blvd-radius-sm: 10px;
    --blvd-radius: 16px;
    --blvd-radius-lg: 24px;
    --blvd-radius-pill: 999px;
    --blvd-shadow-sm: 0 1px 2px rgba(var(--blvd-ink-rgb), .04), 0 2px 8px rgba(var(--blvd-ink-rgb), .04);
    --blvd-shadow: 0 6px 24px -8px rgba(var(--blvd-ink-rgb), .12);
    --blvd-shadow-lg: 0 18px 40px -16px rgba(var(--blvd-ink-rgb), .22);

    /* Type */
    --blvd-font: "Plus Jakarta Sans", "Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}