/**
 * ============================================================================
 * GudStories Framework
 * ============================================================================
 *
 * File
 * ----
 * gs-framework-tokens.css
 *
 * Version
 * -------
 * 1.0.0
 *
 * Status
 * ------
 * FRAMEWORK FOUNDATION
 *
 * Purpose
 * -------
 * Global Design Tokens for the GudStories Framework.
 *
 * ============================================================================
 */

:root {

/* ==========================================================================
   Colors
   ========================================================================== */

--gs-color-primary:#5f8f7b;
--gs-color-primary-hover:#6fa28c;

--gs-color-background:#08120f;
--gs-color-surface:#12201b;
--gs-color-surface-hover:#1a2b25;

--gs-color-text:#ffffff;
--gs-color-text-muted:#b8c2bc;

--gs-color-border:rgba(255,255,255,.08);

--gs-color-success:#3bb273;
--gs-color-warning:#f7b731;
--gs-color-error:#ff5b5b;
/* ==========================================================================
   Typography
   ========================================================================== */

--gs-font-family:
"Inter",
"Segoe UI",
Roboto,
Arial,
sans-serif;

--gs-font-size-xs:12px;
--gs-font-size-sm:14px;
--gs-font-size-md:16px;
--gs-font-size-lg:18px;
--gs-font-size-xl:22px;
--gs-font-size-xxl:28px;

/* ==========================================================================
   Font Weight
   ========================================================================== */

--gs-font-weight-light:300;
--gs-font-weight-normal:400;
--gs-font-weight-medium:500;
--gs-font-weight-semibold:600;
--gs-font-weight-bold:700;
--gs-font-weight-black:800;

/* ==========================================================================
   Line Height
   ========================================================================== */

--gs-line-height-tight:1.2;
--gs-line-height-normal:1.5;
--gs-line-height-loose:1.8;
/* ==========================================================================
   Spacing
   ========================================================================== */

--gs-space-0:0;
--gs-space-1:4px;
--gs-space-2:8px;
--gs-space-3:12px;
--gs-space-4:16px;
--gs-space-5:20px;
--gs-space-6:24px;
--gs-space-7:32px;
--gs-space-8:40px;
--gs-space-9:48px;
--gs-space-10:64px;

/* ==========================================================================
   Radius
   ========================================================================== */

--gs-radius-xs:4px;
--gs-radius-sm:6px;
--gs-radius-md:10px;
--gs-radius-lg:14px;
--gs-radius-xl:20px;
--gs-radius-round:999px;

/* ==========================================================================
   Borders
   ========================================================================== */

--gs-border-width:1px;

--gs-border:
1px solid var(--gs-color-border);
/* ==========================================================================
   Shadows
   ========================================================================== */

--gs-shadow-xs:
0 1px 2px rgba(0,0,0,.08);

--gs-shadow-sm:
0 2px 8px rgba(0,0,0,.15);

--gs-shadow-md:
0 8px 20px rgba(0,0,0,.22);

--gs-shadow-lg:
0 20px 50px rgba(0,0,0,.35);

--gs-shadow-xl:
0 35px 80px rgba(0,0,0,.45);

/* ==========================================================================
   Z Index
   ========================================================================== */

--gs-z-base:1;
--gs-z-dropdown:1000;
--gs-z-sticky:2000;
--gs-z-overlay:9000;
--gs-z-modal:10000;
--gs-z-toast:11000;
/* ==========================================================================
   Animation
   ========================================================================== */

--gs-animation-fast:.20s;
--gs-animation-normal:.30s;
--gs-animation-slow:.50s;

/* ==========================================================================
   Transition
   ========================================================================== */

--gs-transition-fast:
all .20s ease;

--gs-transition-normal:
all .30s ease;

--gs-transition-slow:
all .50s ease;

}