/*
Theme Name: Dywork Official
Theme URI: https://dyworkofficial.com/
Author: Dywork Official
Author URI: https://dyworkofficial.com/
Description: A WooCommerce + Elementor ready theme for the Dywork Official clothing brand. Editorial mental-health streetwear identity: Instrument Serif display, Bebas Neue headings, Inter body, on a deep wine + cream palette pulled directly from the brand's Figma design. Activate, install WooCommerce + Elementor, then build/tweak pages visually.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dywork-official
Tags: e-commerce, elementor, woocommerce, full-width-template, custom-colors, custom-menu, featured-images, threaded-comments, translation-ready
WC requires at least: 7.0
WC tested up to: 9.0
*/

/* =========================================================================
   DYWORK OFFICIAL — DESIGN TOKENS
   Values extracted from the brand Figma file. Change here once; everything
   (theme templates, WooCommerce, and Elementor defaults) follows.
   ========================================================================= */
:root {
    /* Brand palette */
    --dw-wine:        #5c2431;   /* primary brand wine            */
    --dw-wine-deep:   #461111;   /* deepest wine / hero base      */
    --dw-wine-accent: #702133;   /* brighter accent wine          */
    --dw-plum:        #692b39;   /* secondary plum                */
    --dw-cream:       #f9f6ef;   /* primary cream surface / text  */
    --dw-cream-2:     #f8f5ee;   /* alt cream                     */
    --dw-ink:         #222021;   /* near-black ink                */
    --dw-white:       #ffffff;

    /* Functional roles */
    --dw-bg:          var(--dw-cream);
    --dw-fg:          var(--dw-ink);
    --dw-bg-dark:     var(--dw-wine-deep);
    --dw-fg-on-dark:  var(--dw-cream);
    --dw-accent:      var(--dw-wine-accent);
    --dw-line:        rgba(34,32,33,.14);
    --dw-line-on-dark:rgba(249,246,239,.22);

    /* Type families */
    --dw-font-display: "Instrument Serif", Georgia, "Times New Roman", serif;
    --dw-font-head:    "Bebas Neue", "Oswald", "Arial Narrow", sans-serif;
    --dw-font-body:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --dw-font-accent:  "Montserrat Alternates", var(--dw-font-body);

    /* Type scale (clamped, fluid) */
    --dw-fs-display:  clamp(3.25rem, 9vw, 9rem);
    --dw-fs-h1:       clamp(2.4rem, 6vw, 5rem);
    --dw-fs-h2:       clamp(1.9rem, 4vw, 3rem);
    --dw-fs-h3:       clamp(1.4rem, 2.4vw, 2rem);
    --dw-fs-eyebrow:  clamp(.95rem, 1.2vw, 1.15rem);
    --dw-fs-body:     1.125rem;
    --dw-fs-small:    .9rem;

    /* Spacing scale */
    --dw-space-1: .5rem;
    --dw-space-2: 1rem;
    --dw-space-3: 1.5rem;
    --dw-space-4: 2.5rem;
    --dw-space-5: 4rem;
    --dw-space-6: 6rem;
    --dw-section-y: clamp(3.5rem, 7vw, 7rem);

    /* Layout */
    --dw-content-width: 1280px;
    --dw-wide-width:    1600px;
    --dw-gutter:        clamp(1.25rem, 4vw, 4rem);
    --dw-radius:        0px;        /* brand uses hard, editorial corners */
    --dw-radius-soft:   6px;
}

/* Base reset + typography live in assets/css/base.css (loaded after this file). */