/*==================================================
GREEN ASIST | 09-variables.css 
==================================================*/

:root{

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

--color-siyah:#000000;
--color-beyaz:#ffffff;

--color-yesil-1:#5cc46f;
--color-yesil-2:#008542;

--color-antrasit-1:#202225;
--color-gri-1:#666666;
--color-kirli-beyaz:#c4c6c8;

/*==============================
FONT FAMILY
==============================*/

--font-main:"Segoe UI","Helvetica Neue",Arial,sans-serif;

/*==============================
SPECIAL SIZES
==============================*/

--footer-action-height:30px;
--footer-height:60px;

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

--font-size-xs:12px;
--font-size-sm:14px;
--font-size-md:16px;
--font-size-lg:18px;
--font-size-xl:20px;
--font-size-2xl:24px;
--font-size-3xl:32px;
--font-size-4xl:48px;

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

--header-height:90px;

--header-top-height:30px;
--header-bottom-height:34px;

--header-left-width:25%;
--header-right-width:75%;

/* LOGO */
--logo-g-size:46px;
--logo-asist-size:40px;

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

--space-xs:4px;
--space-sm:8px;
--space-md:12px;
--space-lg:16px;
--space-xl:24px;
--space-2xl:32px;
--space-3xl:48px;
--space-4xl:64px;
--space-5xl:96px;
--space-6xl:120px;

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

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-xl:24px;

/*==============================
TRANSITION
==============================*/

--transition:.25s ease;

/*==================================================
GA WAY SECTION VARIABLES
==================================================*/

/* SIZE */
--ga-way-section-height:760px;
--ga-way-left-width:36%;
--ga-way-right-width:64%;

/* BACKGROUND */
--ga-way-bg-start:var(--color-beyaz);
--ga-way-bg-end:#f7f9f8;
--ga-way-left-bg-start:#ffffff;
--ga-way-left-bg-end:#f6f8f7;

/* TEXT */
--ga-way-heading-color:var(--color-antrasit-1);
--ga-way-body-color:rgba(32,34,37,.74);
--ga-way-muted-color:rgba(32,34,37,.58);

--ga-way-accent:var(--color-yesil-2);
--ga-way-accent-light:var(--color-yesil-1);
--ga-way-accent-soft:rgba(0,133,66,.085);

/* LINES */
--ga-way-border:rgba(32,34,37,.10);
--ga-way-border-soft:rgba(0,133,66,.08);
--ga-way-border-strong:rgba(32,34,37,.14);
--ga-way-green-line:rgba(0,133,66,.22);

/* SHADOW */
--ga-way-shadow-soft:0 8px 18px rgba(32,34,37,.035);
--ga-way-shadow-card:0 16px 38px rgba(32,34,37,.065);
--ga-way-shadow-node:0 16px 34px rgba(32,34,37,.12);
--ga-way-shadow-manifesto:0 18px 48px rgba(32,34,37,.085);

/* TYPOGRAPHY */
--ga-way-kicker-size:2.4rem;
--ga-way-title-size:clamp(2.5rem,2.75vw,3.45rem);
--ga-way-lead-size:.98rem;

--ga-way-eyebrow-size:.9rem;
--ga-way-slogan-size:.84rem;

--ga-way-manifesto-label-size:.66rem;
--ga-way-manifesto-text-size:1.04rem;
--ga-way-value-size:.66rem;

/* COMPASS */
--ga-way-compass-size:535px;
--ga-way-node-size:84px;
--ga-way-core-size:154px;

/* RADIUS */
--ga-way-radius-card:18px;
--ga-way-radius-stage:30px;
--ga-way-radius-pill:999px;
}