/* ArtNest design tokens — single source for storefront v2 + admin (playbook Part 6.2).
   Do not rename tokens without updating v2.css and admin-brand.css (:root --an-* bridge). */
:root {
    /* Brand */
    --brand-sage: #617a5b;
    --brand-sage-deep: #4f6449;
    --brand-sage-soft: #e6ece2;
    --brand-rose: #a85660;
    --brand-rose-deep: #934a54;
    --brand-blush: #f6e3e0;
    --brand-blush-soft: #fbf1ef;
    --brand-cream: #fbf7f1;
    --brand-sand: #f3ebe0;
    /* Neutrals */
    --brand-ink: #2c2a27;
    --brand-muted: #6f6a63;
    --brand-line: #ece4d9;
    /* Type */
    --brand-serif: "Fraunces", Georgia, "Times New Roman", serif;
    --brand-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
    /* Shape */
    --brand-radius: 14px;
    --brand-radius-sm: 8px;
    --brand-shadow: 0 1px 2px rgba(44, 42, 39, .05), 0 8px 24px rgba(44, 42, 39, .06);
    /* Layout */
    --brand-gutter: clamp(1rem, 4vw, 2rem);
    --brand-container: 1240px;
    --brand-header-h: 64px;
    --brand-section-y: clamp(1.75rem, 5vw, 3.75rem);
}

@media (min-width: 769px) {
    :root {
        --brand-header-h: 84px;
    }
}