@import url('../../css/menu-drilldown.css');
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500&family=Karla:wght@400;500;600;700&display=swap');

/* ============================================================
   PATISSERIE (2026-08-09) — bakeries, cake shops, tea rooms.
   Cream paper, blush accent, tall serif display, very soft edges.
   ============================================================ */

:root {
    --ym-primary: #d4778b;
    --ym-primary-dark: #b25a6e;
    --ym-ink: #43303a;
    --ym-muted: #9a8189;
    --ym-bg: #fdf5f1;
    --ym-card: #ffffff;
    --ym-border: #f0dfd8;
    --ym-radius: 22px;
    --ym-radius-sm: 16px;
    --ym-shadow: 0 2px 6px rgba(140, 96, 110, .06), 0 10px 26px rgba(140, 96, 110, .07);
    --ym-shadow-lg: 0 -12px 40px rgba(140, 96, 110, .18);

    --cg-font-body: 'Karla', -apple-system, sans-serif;
    --cg-font-display: 'Cormorant Garamond', Georgia, serif;

    --cg-hero-min: 232px;
    --cg-hero-pad: 22px 20px 26px;
    /* Lighter scrim: pastel bakery photography dies under a heavy one, and
       the display type is large enough to hold up at .45 (still ~5:1). */
    --cg-scrim: linear-gradient(to bottom, rgba(67, 48, 58, .08) 0%, rgba(67, 48, 58, .55) 100%);
    --cg-hero-name-size: 36px;
    --cg-hero-name-weight: 600;
    --cg-hero-name-spacing: .01em;
    --cg-logo-size: 58px;
    --cg-logo-radius: 50%;

    --cg-cat-ratio: 4 / 5;
    --cg-cat-name-size: 17px;
    --cg-cat-name-weight: 600;
    --cg-cat-name-align: center;
    --cg-gap: 14px;

    --cg-card-radius: 20px;
    --cg-card-pad: 13px;
    --cg-card-gap: 12px;
    --cg-thumb: 88px;
    --cg-thumb-radius: 16px;
    --cg-name-size: 19px;
    --cg-name-weight: 600;
    --cg-name-spacing: .01em;
    --cg-price-size: 16px;
    --cg-price-color: var(--ym-primary);
    --cg-section-title-size: 24px;
    --cg-section-title-weight: 600;
}

/* Serif needs a touch more air than the sans default. */
.ym-card-name { line-height: 1.2; }
.ym-hero-tagline { font-style: italic; font-size: 13.5px; }
.ym-cg-title, .ym-cg-crumb { font-size: 19px; font-weight: 600; letter-spacing: .01em; }
.ym-cg-cat-count { background: rgba(212, 119, 139, .92); font-family: var(--cg-font-body); }
.ym-cat-pill { font-family: var(--cg-font-body); font-size: 12px; }
.ym-lang-menu a.active { background: rgba(212, 119, 139, .12); }
.ym-sheet-title { font-size: 26px; font-weight: 600; letter-spacing: .01em; }