/**
 * ==================================================
 * VARIABLES
 * Francesco Cugini Theme
 * Design System v3.0
 * ==================================================
 */

:root{

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

--color-background:#F7F3EA;

--color-surface:#FFFFFF;

--color-surface-alt:#EFE7D5;

--color-text:#2E2A24;

--color-text-light:#6C6458;

--color-border:#D9CCB5;

--color-accent:#5B7A63;

--color-accent-dark:#48614F;

--color-accent-light:#789680;

--color-gold:#B68B3A;

--color-gold-light:#D4AF37;

--color-success:#2E8B57;

--color-warning:#D08C00;

--color-danger:#B54242;


/*==================================================
GRADIENTS
==================================================*/

--gradient-parchment:
linear-gradient(
180deg,
#F7F3EA 0%,
#EFE7D5 100%
);

--gradient-gold:
linear-gradient(
135deg,
#D4AF37 0%,
#B68B3A 100%
);


/*==================================================
OVERLAYS
==================================================*/

--overlay-light:rgba(255,255,255,.35);

--overlay-dark:rgba(0,0,0,.35);

--overlay-hero:rgba(0,0,0,.18);


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

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

--font-body:"Lato",sans-serif;


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

--font-weight-light:300;

--font-weight-normal:400;

--font-weight-medium:500;

--font-weight-semibold:600;

--font-weight-bold:700;


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

--font-size-xs:.75rem;

--font-size-sm:.875rem;

--font-size-base:1rem;

--font-size-md:1.125rem;

--font-size-lg:1.25rem;

--font-size-xl:1.5rem;

--font-size-2xl:2rem;

--font-size-3xl:2.75rem;

--font-size-4xl:3.5rem;

--font-size-5xl:4.5rem;

--font-size-6xl:6rem;


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

--line-height:1.7;

--line-height-heading:1.2;


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

--letter-spacing-sm:.03em;

--letter-spacing-md:.06em;

--letter-spacing-lg:.10em;


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

--space-2xs:.125rem;

--space-xs:.25rem;

--space-sm:.5rem;

--space-md:1rem;

--space-lg:1.5rem;

--space-xl:2rem;

--space-2xl:3rem;

--space-3xl:5rem;

--space-4xl:7rem;

--space-5xl:9rem;


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

--reading-width:70ch;

--header-height:90px;

--section-padding:7rem;


/*==================================================
CONTAINERS
==================================================*/

--container-small:900px;

--container-width:1200px;

--container-wide:1400px;


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

--radius-xs:2px;

--radius-sm:6px;

--radius-md:10px;

--radius-lg:18px;

--radius-xl:30px;

--radius-round:9999px;


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

--shadow-xs:
0 1px 3px rgba(0,0,0,.05);

--shadow-sm:
0 4px 10px rgba(0,0,0,.08);

--shadow-md:
0 12px 30px rgba(0,0,0,.12);

--shadow-lg:
0 24px 50px rgba(0,0,0,.18);

--shadow-xl:
0 35px 70px rgba(0,0,0,.22);


/*==================================================
BLUR
==================================================*/

--blur-sm:4px;

--blur-md:8px;

--blur-lg:14px;


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

--transition-fast:.2s ease;

--transition:.35s ease;

--transition-slow:.6s ease;

--transition-hero:.9s cubic-bezier(.22,.61,.36,1);


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

--z-base:1;

--z-dropdown:100;

--z-sticky:500;

--z-header:1000;

--z-menu:1100;

--z-overlay:1200;

--z-modal:1300;

--z-toast:1400;

--z-tooltip:1500;


/*==================================================
BREAKPOINTS
Documentation only

576px
768px
992px
1200px
1400px
==================================================*/

}