/* ==========================================================
   techOdec Design Tokens
   Nature, Thoughtfully Engineered.
   ========================================================== */

:root{

    /*=========================================================
      COLORS
    =========================================================*/

    --color-primary: #C69A46;
    --color-primary-hover: #B78933;

    --color-background: #F7F4EE;
    --color-surface: #FFFFFF;

    --color-text: #262626;
    --color-text-light: #707070;

    --color-border: #E8E2D8;

    --color-success: #5C8D58;
    --color-error: #C44A4A;

    /* Wood Palette */

    --wood-walnut: #6B4A2E;
    --wood-oak: #C89C6D;

    /*=========================================================
      TYPOGRAPHY
    =========================================================*/

    --font-heading:
        "Manrope",
        system-ui,
        sans-serif;

    --font-body:
        "Inter",
        system-ui,
        sans-serif;

    /*=========================================================
      FONT SIZES
    =========================================================*/

    --fs-display: clamp(3.5rem,6vw,5rem);

    --fs-hero: clamp(3rem,5vw,4rem);

    --fs-h1: 2.5rem;

    --fs-h2: 2rem;

    --fs-h3: 1.5rem;

    --fs-body: 1.125rem;

    --fs-small: .95rem;

    /*=========================================================
      FONT WEIGHT
    =========================================================*/

    --fw-light:300;

    --fw-normal:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    /*=========================================================
      LINE HEIGHT
    =========================================================*/

    --lh-tight:1.1;

    --lh-heading:1.25;

    --lh-body:1.7;

    /*=========================================================
      SPACING
    =========================================================*/

    --space-xxs:4px;

    --space-xs:8px;

    --space-sm:16px;

    --space-md:24px;

    --space-lg:40px;

    --space-xl:64px;

    --space-2xl:96px;

    --space-3xl:140px;

    --space-button-x:1.8rem;
    --space-button-y:.9rem;

    /*=========================================================
      BORDER RADIUS
    =========================================================*/

    --radius-sm:8px;

    --radius-md:16px;

    --radius-lg:28px;

    --radius-round:999px;

    /*=========================================================
      SHADOWS
    =========================================================*/

    --shadow-sm:
        0 5px 14px rgba(0,0,0,.05);

    --shadow-md:
        0 15px 35px rgba(0,0,0,.08);

    --shadow-lg:
        0 25px 60px rgba(0,0,0,.12);

    /*=========================================================
      LAYOUT
    =========================================================*/

    --container:1280px;

    --container-wide:1440px;

    /*=========================================================
      TRANSITIONS
    =========================================================*/

    --transition-fast:.2s ease;

    --transition:.35s ease;

    --transition-slow:.6s ease;

    /*=========================================================
      HEADER
    =========================================================*/

    --header-height:84px;

    /*=========================================================
  Z-INDEX
    =========================================================*/

    --z-dropdown:100;
    --z-sticky:200;
    --z-overlay:500;
    --z-modal:1000;
    --z-loader:9999;
    /*=========================================================
  Icons
    =========================================================*/

    --icon-sm:16px;
    --icon-md:20px;
    --icon-lg:24px;

}