/*
 * variables.css — CSS Custom Properties
 * HuaHinExpats.info
 *
 * All design tokens are defined here. Edit this file to update
 * colours, spacing, shadows, or border radii site-wide.
 */

:root {
    /* ── Brand Colours ── */
    --blue:       #1565C0;
    --blue-mid:   #1976D2;
    --blue-lt:    #42A5F5;
    --orange:     #E65100;
    --orange-lt:  #FF8F00;
    --green:      #2E7D32;
    --green-lt:   #43A047;
    --yellow:     #F9A825;

    /* ── Background Tones ── */
    --sky:        #E3F2FD;
    --white:      #FFFFFF;
    --off-white:  #F8FBFF;
    --sand:       #FFF8E1;
    --cream:      #FFFDE7;
    --dark:       #0D1B2A;

    /* ── Text Colours ── */
    --text:       #1A2A3A;
    --muted:      #5A7A9A;
    --border:     #DDEEFF;

    /* ── Shape ── */
    --radius:     12px;

    /* ── Shadows ── */
    --shadow:     0 4px 24px rgba(21, 101, 192, 0.10);
    --shadow-lg:  0 12px 48px rgba(21, 101, 192, 0.18);
}