/*
 * Theme Name:  Astra Child — Domaine Porta
 * Theme URI:   https://www.vins-porta.ch
 * Description: Child theme for the Domaine Porta website, built on the Astra parent theme.
 * Author:      Domaine Porta
 * Author URI:  https://www.vins-porta.ch
 * Template:    astra
 * Version:     1.2.6
 * Text Domain: astra-child
 * Domain Path: /languages
 * License:     GPL-2.0-or-later
 */

/**
 * style.css
 * WordPress child theme declaration and global CSS custom properties (design tokens).
 * All colors, fonts, spacing, and sizing values are defined here as :root variables.
 * Never hardcode these values elsewhere — always reference the variable.
 *
 * @package astra-child
 */

:root {
  /* ─── Colors ─────────────────────────────────────────── */
  --color-bg:           #fafaf8;   /* warm white, main background */
  --color-bg-alt:       #f0ece4;   /* slightly warmer, alternate sections */
  --color-text:         #1a1a1a;   /* near-black body text */
  --color-text-light:   #5a5a5a;   /* secondary/caption text */
  --color-accent:       #6b1a2a;   /* deep burgundy — primary brand color */
  --color-gold:         #c9a84c;   /* warm gold — secondary accent, hover states */
  --color-white:        #ffffff;
  --color-earth:        #3d2b1f;   /* dark earth brown — domaine CTA band background */

  /* ─── Typography ─────────────────────────────────────── */
  --font-heading:       'Playfair Display', Georgia, serif;
  --font-body:          'Inter', system-ui, sans-serif;

  /* ─── Type scale ─────────────────────────────────────── */
  --text-xs:    0.75rem;
  --text-sm:    0.875rem;
  --text-base:  1rem;
  --text-lg:    1.125rem;
  --text-xl:    1.25rem;
  --text-2xl:   1.5rem;
  --text-3xl:   2rem;
  --text-4xl:   2.75rem;
  --text-5xl:   3.5rem;

  /* ─── Spacing & layout ───────────────────────────────── */
  --space-section:      5rem;      /* vertical padding between page sections */
  --space-section-sm:   3rem;      /* same, mobile */
  --max-width:          1200px;    /* content container max width */
  --max-width-text:     720px;     /* readable text column max width */
  --border-radius:      4px;
}