/* Explain: Crimson Atelier design tokens for color, type, and surfaces. */
:root {
    /* ── Brand core ───────────────────────────────────── */
    --primary-color: #5A2E12;        /* Deep Brown   */
    --primary-hover: #401F09;
    --secondary-color: #9A5A16;      /* Golden Brown */
    --accent-color: #D49A28;         /* Warm Gold    */
    --accent-soft: #E8BC66;
    --accent-bright: #F4CB57;

    /* ── Surfaces (kept light & warm) ─────────────────── */
    --background-color: #FCF6EA;
    --surface-color: #FFFFFF;
    --surface-warm: #FFF9EF;
    --surface-deep: #F7E7CC;
    --surface-tint: #FCEFDB;

    /* ── Ink ──────────────────────────────────────────── */
    --text-color: #2A1B10;
    --text-muted: #846B51;
    --border-color: rgba(90, 46, 18, 0.12);

    /* ── Legacy aliases (used across sections) ────────── */
    --oxblood-color: #5A2E12;
    --clay-color: #9A5A16;
    --charcoal-color: #2E1808;
    --brass-color: #D49A28;
    --ivory-color: #FBF3E6;

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

    /* ── Radii ────────────────────────────────────────── */
    --radius-soft: 1.5rem;
    --radius-large: 2.5rem;

    /* ── Depth ────────────────────────────────────────── */
    --shadow-soft: 0 22px 60px rgba(90, 46, 18, 0.12);
    --shadow-deep: 0 30px 90px rgba(90, 46, 18, 0.22);
    --shadow-card: 0 16px 45px rgba(90, 46, 18, 0.10);
    --shadow-glow: 0 16px 40px rgba(212, 154, 40, 0.30);

    /* ── Gradients ────────────────────────────────────── */
    --gradient-gold: linear-gradient(120deg, #9A5A16 0%, #D49A28 100%);
    --gradient-gold-bright: linear-gradient(120deg, #E8BC66 0%, #F4CB57 100%);
    --gradient-brand: linear-gradient(135deg, #2C1707 0%, #5A2E12 58%, #7A3F16 100%);
    --gradient-card: linear-gradient(180deg, #FFFFFF 0%, #FFF9EF 100%);
    --gradient-warm: linear-gradient(180deg, #FFFDF8 0%, #FBEED6 100%);
}