/* =============================================================================
   DAS ALMAS
   Site Oficial

   Arquivo:
   variables.css

   Caminho:
   assets/css/variables.css

   Versão:
   3.0.0

   Descrição:
   Sistema global de variáveis.

   ============================================================================= */


:root{

/* =============================================================================
   CORES
   ========================================================================== */

--color-background:#FCFAF7;

--color-surface:#F5F2EC;

--color-white:#FFFFFF;

--color-title:#191816;

--color-text:#4A4640;

--color-text-soft:#726C63;

--color-accent:#8E6A46;

--color-line:#D8D0C6;


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

--overlay-dark:linear-gradient(
rgba(10,10,10,.58),
rgba(10,10,10,.48)
);

--overlay-light:linear-gradient(
rgba(252,250,247,.18),
rgba(252,250,247,.42)
);


/* =============================================================================
   FONTES
   ========================================================================== */

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

--font-text:"Inter", sans-serif;


/* =============================================================================
   PESOS
   ========================================================================== */

--fw-light:300;

--fw-regular:400;

--fw-medium:500;

--fw-semibold:600;

--fw-bold:700;

}
/* =============================================================================
   TIPOGRAFIA
   ========================================================================== */

--fs-display:clamp(4rem,8vw,7rem);

--fs-h1:clamp(2.8rem,5vw,4.5rem);

--fs-h2:clamp(2rem,3vw,3rem);

--fs-h3:clamp(1.45rem,2vw,2rem);

--fs-body:1.125rem;

--fs-small:.95rem;

--fs-caption:.82rem;


/* =============================================================================
   ALTURA DAS LINHAS
   ========================================================================== */

--line-tight:1.15;

--line-normal:1.5;

--line-relaxed:1.95;


/* =============================================================================
   ESPAÇAMENTOS
   ========================================================================== */

--space-xs:8px;

--space-sm:16px;

--space-md:32px;

--space-lg:56px;

--space-xl:96px;

--space-2xl:160px;

--space-3xl:240px;


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

--container-reading:760px;

--container-default:1280px;

--container-wide:1500px;
/* =============================================================================
   BORDAS
   ========================================================================== */

--radius-sm:6px;

--radius-md:12px;

--radius-lg:20px;

--radius-xl:32px;


/* =============================================================================
   SOMBRAS
   ========================================================================== */

--shadow-soft:
0 14px 34px rgba(0,0,0,.08);

--shadow-medium:
0 24px 60px rgba(0,0,0,.12);

--shadow-strong:
0 40px 100px rgba(0,0,0,.18);


/* =============================================================================
   TRANSIÇÕES
   ========================================================================== */

--transition-fast:
.20s ease;

--transition-default:
.35s ease;

--transition-slow:
.60s ease;


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

--z-base:1;

--z-content:5;

--z-header:100;

--z-menu:500;

--z-overlay:900;

--z-modal:999;

}
/* =============================================================================
   LARGURAS
   ========================================================================== */

--header-height:88px;

--menu-width:400px;

--reading-width:760px;


/* =============================================================================
   OPACIDADES
   ========================================================================== */

--opacity-soft:.75;

--opacity-medium:.55;

--opacity-strong:.35;


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

--blur-soft:8px;

--blur-medium:18px;

--blur-strong:32px;


/* =============================================================================
   BORDAS
   ========================================================================== */

--border-light:1px solid rgba(0,0,0,.08);

--border-medium:1px solid rgba(0,0,0,.14);

--border-white:1px solid rgba(255,255,255,.20);


/* =============================================================================
   MAX WIDTHS
   ========================================================================== */

--hero-content-width:900px;

--gallery-width:1000px;

--footer-width:900px;


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

--tracking-title:.02em;

--tracking-subtitle:.08em;

--tracking-caption:.18em;

--tracking-wide:.30em;


/* =============================================================================
   EASING
   ========================================================================== */

--ease-default:cubic-bezier(.4,0,.2,1);

--ease-smooth:cubic-bezier(.22,1,.36,1);

--ease-editorial:cubic-bezier(.16,1,.3,1);

--color-black:#0F0F0F;

--z-intro:2000;

/* =============================================================================
   FIM
   ========================================================================== */