/* ============================================================
   TOKI STUDIOS — Design Tokens
   Adjust values here to retheme the entire site.
   ============================================================ */

:root {
    /* Brand Colours */
    --ts-black:      #1C0A0A;   /* deep warm dark — main brand */
    --ts-rust:       #C4612C;   /* terracotta — accent, links */
    --ts-rust-dark:  #A34E22;   /* rust hover state */
    --ts-cream:      #F9F5F0;   /* page background */
    --ts-ghost:      #E8D9C8;   /* ghost/secondary text tint */
    --ts-border:     #C9B48A;   /* decorative lines & borders */
    --ts-white:      #FFFFFF;
    --ts-text:       #2A1A1A;   /* body copy */
    --ts-muted:      #7A6A6A;   /* captions, secondary copy */
    --ts-overlay:    rgba(28, 10, 10, 0.55); /* hero image overlay */

    /* Typography */
    --font-heading:  'Playfair Display', Georgia, serif;
    --font-body:     'Raleway', 'Helvetica Neue', Arial, sans-serif;

    /* Spacing scale */
    --space-xs:   0.5rem;
    --space-sm:   1rem;
    --space-md:   2rem;
    --space-lg:   4rem;
    --space-xl:   6rem;
    --space-xxl:  9rem;

    /* Layout */
    --container-max:   1200px;
    --container-wide:  1440px;
    --container-narrow: 760px;

    /* Transitions */
    --transition-fast:   0.2s ease;
    --transition-base:   0.35s ease;
    --transition-slow:   0.6s ease;

    /* Borders */
    --radius-sm:  4px;
    --radius-md:  8px;

    /* Header */
    --header-height: 112px;
}