/*
Theme Name:  Bersama Child
Theme URI:   https://bersamaproject.com.my
Description: Child theme for Bersama Project — property development portfolio site inspired by big.dk
Author:      Bersama Project
Author URI:  https://bersamaproject.com.my
Template:    twentytwentyfive
Version:     1.0.0
License:     GPL-2.0-or-later
Text Domain: bersama-child
*/

/*
 * DESIGN TOKENS — source of truth for all colour, typography, and spacing values.
 * All other stylesheets must reference these custom properties; never hardcode values.
 */
:root {
    /* Colour */
    --color-bg:           #ffffff;
    /* One brand text colour site-wide (Espresso): nav, category/filter bars,
       locations, dates, descriptions, etc. all use the same Espresso as the
       headings — no gray. (Tokens kept separate so a muted shade can be
       reintroduced later by changing just these values.) */
    --color-text:         #74594a; /* Espresso — brand primary text colour (Brand Identity PDF) */
    --color-muted:        #74594a;
    --color-location:     #74594a;
    /* Hover accent — the logo-dropdown menu items "shine" to this light
       yellow-brown on hover. Intentional exception to the one-Espresso rule,
       per request; used only by #bersama-logo-dropdown links. */
    --color-glow:         #c9a24e; /* light yellow-brown */

    /* Typography */
    --font-primary:       'Syne', sans-serif;
    --font-size-base:     16px;
    --line-height-base:   1.5;

    /* Transitions */
    --transition-hover:   color 0.2s ease, opacity 0.2s ease;

    /* Layout */
    --design-width:       1686px; /* scaler base — matches big.dk reference */
    --container-padding:  clamp(1rem, 4vw, 3rem);

    /* Logo clear space — Brand Guidebook p.11: the primary logo's clear space is
       "taken from the logo's 'o'". The wordmark's "o" is ~0.29x the logo height,
       i.e. ~10px at --logo-height (the brand's minimum exclusion zone on every
       side). We use 1.5x that (15px) for generous, on-brand breathing room.
       --header-height bakes the zone into the bar (logo + clear space, top &
       bottom); the left/right gaps already exceed it. Tune --logo-clear-space. */
    --logo-height:        34px;
    --logo-clear-space:   15px;
    --header-height:      calc(var(--logo-height) + 2 * var(--logo-clear-space)); /* 64px */
}