/**
 * JAUREA Design System
 * Global Design Tokens
 *
 * @package JAUREA_Child
 */

:root {

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

    --jaurea-black: #111111;
    --jaurea-black-soft: #1A1A1A;

    --jaurea-white: #FFFFFF;
    --jaurea-off-white: #FAFAFA;

    --jaurea-gold: #C8A96A;
    --jaurea-gold-light: #D8BF8A;
    --jaurea-gold-dark: #A8894D;

    --jaurea-gray: #777777;
    --jaurea-gray-dark: #444444;
    --jaurea-gray-light: #F3F3F3;

    --jaurea-border: #E7E7E7;

    --jaurea-success: #2E7D32;
    --jaurea-danger: #B3261E;


    /* =========================================================
       BACKGROUNDS
       ========================================================= */

    --jaurea-bg-primary: var(--jaurea-white);
    --jaurea-bg-secondary: var(--jaurea-off-white);
    --jaurea-bg-dark: var(--jaurea-black);

    --jaurea-bg-hover: #F6F6F6;


    /* =========================================================
       TEXT
       ========================================================= */

    --jaurea-text-primary: #111111;
    --jaurea-text-secondary: #666666;
    --jaurea-text-muted: #999999;
    --jaurea-text-light: #FFFFFF;
    --jaurea-text-gold: var(--jaurea-gold);


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

    --jaurea-font-heading:
        "Cormorant Garamond",
        Georgia,
        serif;

    --jaurea-font-body:
        "Poppins",
        Arial,
        sans-serif;

    --jaurea-font-ui:
        "Poppins",
        Arial,
        sans-serif;


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

    --jaurea-text-xs: 0.75rem;
    --jaurea-text-sm: 0.875rem;
    --jaurea-text-base: 1rem;
    --jaurea-text-lg: 1.125rem;
    --jaurea-text-xl: 1.25rem;
    --jaurea-text-2xl: 1.5rem;
    --jaurea-text-3xl: 2rem;
    --jaurea-text-4xl: 2.75rem;
    --jaurea-text-5xl: 3.5rem;
    --jaurea-text-6xl: 4.5rem;


    /* =========================================================
       FONT WEIGHTS
       ========================================================= */

    --jaurea-weight-light: 300;
    --jaurea-weight-regular: 400;
    --jaurea-weight-medium: 500;
    --jaurea-weight-semibold: 600;
    --jaurea-weight-bold: 700;


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

    --jaurea-leading-tight: 1.1;
    --jaurea-leading-snug: 1.25;
    --jaurea-leading-normal: 1.5;
    --jaurea-leading-relaxed: 1.7;


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

    --jaurea-space-1: 0.25rem;
    --jaurea-space-2: 0.5rem;
    --jaurea-space-3: 0.75rem;
    --jaurea-space-4: 1rem;
    --jaurea-space-5: 1.25rem;
    --jaurea-space-6: 1.5rem;
    --jaurea-space-8: 2rem;
    --jaurea-space-10: 2.5rem;
    --jaurea-space-12: 3rem;
    --jaurea-space-16: 4rem;
    --jaurea-space-20: 5rem;
    --jaurea-space-24: 6rem;


    /* =========================================================
       CONTAINER
       ========================================================= */

    --jaurea-container-width: 1440px;

    --jaurea-container-padding: 32px;

    --jaurea-container-padding-mobile: 18px;


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

    --jaurea-radius-none: 0;

    --jaurea-radius-sm: 2px;
    --jaurea-radius-md: 4px;
    --jaurea-radius-lg: 8px;

    --jaurea-radius-pill: 999px;


    /* =========================================================
       BORDERS
       ========================================================= */

    --jaurea-border-width: 1px;

    --jaurea-border-style: solid;


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

    --jaurea-shadow-sm:
        0 2px 8px rgba(0, 0, 0, 0.05);

    --jaurea-shadow-md:
        0 8px 30px rgba(0, 0, 0, 0.08);

    --jaurea-shadow-lg:
        0 20px 60px rgba(0, 0, 0, 0.12);


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

    --jaurea-transition-fast:
        180ms ease;

    --jaurea-transition-normal:
        300ms ease;

    --jaurea-transition-slow:
        500ms ease;


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

    --jaurea-z-header: 1000;
    --jaurea-z-dropdown: 1100;
    --jaurea-z-overlay: 1200;
    --jaurea-z-modal: 1300;
    --jaurea-z-notification: 1400;


    /* =========================================================
       PRODUCT IMAGE RATIO
       ========================================================= */

    --jaurea-product-ratio: 0.75;


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

    --jaurea-header-height: 88px;

    --jaurea-header-height-mobile: 68px;


    /* =========================================================
       BUTTONS
       ========================================================= */

    --jaurea-button-height: 48px;

    --jaurea-button-padding-x: 28px;

    --jaurea-button-radius: 0;


    /* =========================================================
       FORM ELEMENTS
       ========================================================= */

    --jaurea-input-height: 50px;

    --jaurea-input-border:
        1px solid var(--jaurea-border);

    --jaurea-input-focus-border:
        1px solid var(--jaurea-black);


    /* =========================================================
       RTL
       ========================================================= */

    --jaurea-direction: rtl;
}