/*
 * Caprinos Pizza brand tokens.
 *
 * Loaded by app/layout.tsx as a plain <link> for the resolved brand, so it
 * lands after Tailwind and its :root wins. Only declare tokens here — the
 * utilities that consume them live in app/globals.css.
 */

/* Google Fonts – Barlow (300–900) */
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;500;600;700;800;900&display=swap');

:root {
    /* Core identity */
    --brand-primary: #67aa40;
    --brand-on-primary: #ffffff;
    --font-primary: 'Barlow', sans-serif;

    /* Surfaces */
    --brand-surface: #f5f9f2;
    --brand-surface-tint: rgba(103, 170, 64, 0.22);
    --brand-map-surface: #eaf3e2;

    /* Decorative */
    --brand-bg-image: url('images/bg.jpg');
    --brand-kiosk-bg: url('images/kiosk-bg.jpg');
    --brand-footer-text: "JOY IN EACH SLICE";
    --brand-footer-text-color: var(--brand-primary);
}

.tenant-bg {
    background-image: var(--brand-bg-image);
    background-repeat: repeat;
    background-attachment: fixed;
    min-height: 100vh;
}

.kiosk-bg {
    background-image: var(--brand-kiosk-bg);
    background-repeat: no-repeat;
    background-size: cover;
}

.kiosk-footer-text {
    color: var(--brand-footer-text-color);
}

.kiosk-footer-text::after {
    content: var(--brand-footer-text);
}