/* =============================================================================
   Dreamvora — Design Tokens (single source of truth)
   Change brand colors, type scale, spacing and radii HERE only.
   Approved direction: white / black / charcoal / light neutrals + warm terracotta.
   ============================================================================= */

:root {
    /* --- Brand ---------------------------------------------------------- */
    --primary:        #111111;   /* near-black, from logo artwork */
    --primary-dark:   #000000;
    --accent:         #C8783C;   /* warm terracotta (temporary, client-approved) */
    --accent-dark:    #A65E29;
    --accent-soft:    #F6E9DD;   /* tint for backgrounds/badges */

    /* --- Surfaces & text ------------------------------------------------ */
    --background:      #ffffff;
    --background-soft: #f7f6f4;  /* warm-tinted neutral, not clinical grey */
    --surface:         #ffffff;
    --surface-alt:     #faf9f7;
    --text:            #1f1f1f;
    --text-muted:      #6b6b6b;
    --text-invert:     #ffffff;
    --border:          #e7e4df;
    --border-strong:   #d8d4cd;

    /* --- Status --------------------------------------------------------- */
    --success: #198754;
    --danger:  #dc3545;
    --warning: #b8860b;

    /* --- Typography ----------------------------------------------------- */
    --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --font-display: 'Poppins', var(--font-sans);

    --fs-caption: 0.78rem;
    --fs-small:   0.875rem;
    --fs-body:    1rem;
    --fs-lead:    1.125rem;
    --fs-h3:      clamp(1.15rem, 1rem + 0.7vw, 1.4rem);
    --fs-h2:      clamp(1.6rem, 1.2rem + 1.6vw, 2.3rem);
    --fs-h1:      clamp(2.1rem, 1.5rem + 3vw, 3.4rem);

    --lh-tight: 1.15;
    --lh-snug:  1.35;
    --lh-base:  1.65;

    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semibold: 600;
    --fw-bold: 700;

    /* --- Spacing scale -------------------------------------------------- */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
    --space-9: 6rem;

    /* --- Radii ---------------------------------------------------------- */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 18px;
    --radius-pill: 999px;

    /* --- Shadows (soft, premium, not heavy) ----------------------------- */
    --shadow-sm: 0 1px 2px rgba(17,17,17,.05), 0 1px 3px rgba(17,17,17,.06);
    --shadow-md: 0 6px 16px rgba(17,17,17,.08);
    --shadow-lg: 0 18px 40px rgba(17,17,17,.12);

    /* --- Layout --------------------------------------------------------- */
    --container-width: 1180px;
    --container-narrow: 820px;
    --header-height: 100px;

    /* --- Motion --------------------------------------------------------- */
    --transition-fast: 140ms ease;
    --transition: 220ms ease;
    --ease-out: cubic-bezier(.16,.84,.44,1);
}