/* =========================================================
   From Trees–inspired theme
   ========================================================= */

/* --- Barlow font ---------------------------------------- */
@import url('fonts/italia.css');

/* --- Design tokens -------------------------------------- */
:root {
    /* Brand colours */
    --ft-bg:               #faf6f0;   /* warm cream */
    --ft-bg-accent:        #e8d5c0;   /* sandy beige */
    --ft-text:             #2c1a0e;   /* dark warm brown */
    --ft-text-light:       #7a5c4a;   /* medium warm brown */
    --ft-primary:          #2c1a0e;
    --ft-primary-hover:    #1a0e07;
    --ft-secondary:        #8b3a2a;   /* terracotta / brick red */
    --ft-secondary-hover:  #6b2a1c;
    --ft-nav-bg:           #faf6f0;
    --ft-nav-text:         #2c1a0e;
    --ft-nav-border:       #c4a882;   /* warm tan */
    --ft-footer-bg:        #faf6f0;
    --ft-footer-text:      #2c1a0e;
    --ft-footer-border:    rgba(44, 26, 14, 0.15);
    --ft-error:            #c0392b;
    --ft-hairline:         rgba(44, 26, 14, 0.3);

    /* Typography */
    --ft-font:             'ITC Italia', sans-serif;
    --ft-weight-body:      500;
    --ft-weight-bold:      600;
    --ft-weight-heading:   700;
    --ft-weight-display:   800;
    --ft-lh-body:          1.6;
    --ft-lh-heading:       1.15;

    /* Spacing */
    --ft-gap:              1.6rem;
    --ft-gap-sm:           0.8rem;
    --ft-gap-lg:           3rem;

    /* Buttons */
    --ft-btn-radius:       0;
    --ft-btn-py:           0.8rem;
    --ft-btn-px:           1.6rem;

    /* Layout */
    --ft-max-width:        1200px;
}