/**
 * Yalla Thailand — Design Tokens
 * CSS custom properties for Yalla Thailand location pages.
 *
 * Usage:   var(--yalla-color-primary)
 * Scope:   global :root — properties available site-wide,
 *          consumed by yalla-custom.css rules.
 *
 * RULES:
 *   - Properties ONLY in this file. No selectors, no rules.
 *   - All tokens use --yalla-* prefix, kebab-case.
 *   - Update token VALUES here; yalla-custom.css consumes them via var().
 *   - Fallback values in var() calls must match the default here.
 *
 * File:    wp-content/mu-plugins/yalla-theme-custom/css/yalla-tokens.css
 * Loaded:  wp-content/mu-plugins/yalla-theme-custom.php
 */

:root {

    /* ── Colors ──────────────────────────────────────────────────────────── */
    --yalla-color-primary:      #e8a020;   /* tour card accent, CTA buttons  */
    --yalla-color-surface:      #ffffff;
    --yalla-color-text-primary: #333333;
    --yalla-color-text-muted:   #777777;
    --yalla-color-border:       #e0e0e0;

    /* ── Spacing ─────────────────────────────────────────────────────────── */
    --yalla-space-xs:    4px;
    --yalla-space-sm:    8px;
    --yalla-space-md:   16px;
    --yalla-space-lg:   24px;
    --yalla-space-xl:   32px;

    /* ── Typography ──────────────────────────────────────────────────────── */
    --yalla-font-size-sm:        13px;
    --yalla-font-size-base:      15px;
    --yalla-font-size-lg:        18px;
    --yalla-font-weight-normal:  400;
    --yalla-font-weight-bold:    600;

    /* ── Radius ──────────────────────────────────────────────────────────── */
    --yalla-radius-card:   6px;
    --yalla-radius-btn:    4px;

    /* ── Layout ──────────────────────────────────────────────────────────── */
    --yalla-location-top-padding:  30px;
    --yalla-card-gap:              15px;

}