/* ================================================================
   FILE: /css/base/variables.css
   PURPOSE: Defines all global design tokens for the CH theme.
   - All custom properties are prefixed with `ch-` for namespacing.
   ================================================================ */

:root {
    /* -- PRIMARY COLORS -- */
    --ch-color-primary: #1d2d3f;      /* "Midnight Blue" */
    --ch-color-accent: #c5a47e;       /* "Soft Gold" */

    /* -- NEUTRAL & BACKGROUND COLORS -- */
    --ch-color-background: #f8f7f5;   /* "Alabaster" */
    --ch-color-contrast: #ffffff;     /* "White" */
    --ch-color-border: #e5e1dc;

    /* -- TEXT COLORS -- */
    --ch-color-text-heading: var(--ch-color-primary);
    --ch-color-text-body: #5c5c5c;

    /* -- TYPOGRAPHY -- */
    --ch-font-heading: 'Lora', serif;
    --ch-font-body: 'Montserrat', sans-serif;

    /* -- SIZING & SPACING -- */
    --ch-spacing-unit: 1.5rem;
    --ch-spacing-xs: calc(0.5 * var(--ch-spacing-unit));
    --ch-spacing-sm: var(--ch-spacing-unit);
    --ch-spacing-md: calc(1.5 * var(--ch-spacing-unit));
    --ch-spacing-lg: calc(2.5 * var(--ch-spacing-unit));
    --ch-spacing-xl: calc(4 * var(--ch-spacing-unit));

    /* -- BORDERS & SHADOWS -- */
    --ch-border-radius: 8px;
    --ch-box-shadow: 0 5px 25px rgba(29, 45, 63, 0.07);

    /* -- TRANSITIONS -- */
    --ch-transition-main: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}