/* Souk Artisan — type tokens. Poppins is the core face (Style Guide 1:6543);
   Inter carries product/commerce metadata; Plus Jakarta Sans and DM Sans appear
   inside library components (avatars, dashboard list rows).

   SF Pro renders the iOS status bar and keyboard chrome only. It ships with
   Apple platforms and is not a webfont, so --font-system resolves it through the
   Apple system aliases (-apple-system / BlinkMacSystemFont / system-ui), which
   ARE SF Pro Text and SF Pro Display on those platforms. No other family is
   substituted. If you upload the SF Pro binaries, add the @font-face rules and
   put "SF Pro Text","SF Pro Display" at the head of this stack. */
:root{
--font-core:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
--font-ui:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
--font-support:"Plus Jakarta Sans",var(--font-ui);
--font-data:"DM Sans",var(--font-ui);
--font-system:-apple-system,BlinkMacSystemFont,system-ui,sans-serif;

--fw-regular:400; /* @kind font */
--fw-medium:500; /* @kind font */
--fw-semibold:600; /* @kind font */
--fw-bold:700; /* @kind font */

/* Sizes as used in the file — exact values, not a rounded ramp */
--fs-hero:136px;   /* "Aa" specimen */
--fs-48:48px;      /* face name */
--fs-40:40px;      /* Style Guide section headings */
--fs-28:28px;      /* swatch group labels */
--fs-26:26px;
--fs-24:24px;      /* specimen paragraph, hex captions */
--fs-20:20px;      /* banner title, screen titles */
--fs-18:18px;
--fs-16:16px;      /* primary body / list titles */
--fs-14:14px;      /* secondary body, button labels, prices */
--fs-13:13px;
--fs-12:12px;      /* product names, metadata */
--fs-11:11px;      /* category captions */
--fs-10:10px;

--lh-tight:100%;   /* the file's dominant line-height */
--lh-16:16px;
--lh-18:18px;
--lh-20:20px;
--lh-32:32px;
}

/* Named roles, mapped to the file's real combinations */
.sa-display{font-family:var(--font-core);font-weight:var(--fw-bold);font-size:var(--fs-40);line-height:var(--lh-tight);color:var(--text-primary)}
.sa-title-lg{font-family:var(--font-core);font-weight:var(--fw-medium);font-size:var(--fs-28);line-height:var(--lh-tight);color:var(--text-primary)}
.sa-title{font-family:var(--font-core);font-weight:var(--fw-medium);font-size:var(--fs-20);line-height:var(--lh-tight);color:var(--text-primary)}
.sa-subtitle{font-family:var(--font-core);font-weight:var(--fw-semibold);font-size:var(--fs-16);line-height:var(--lh-tight);color:var(--text-primary)}
.sa-body{font-family:var(--font-core);font-weight:var(--fw-regular);font-size:var(--fs-16);line-height:var(--lh-tight);color:var(--text-secondary)}
.sa-body-sm{font-family:var(--font-core);font-weight:var(--fw-regular);font-size:var(--fs-14);line-height:var(--lh-tight);color:var(--text-secondary)}
.sa-label{font-family:var(--font-core);font-weight:var(--fw-medium);font-size:var(--fs-14);line-height:var(--lh-tight);color:var(--text-primary)}
.sa-caption{font-family:var(--font-core);font-weight:var(--fw-regular);font-size:var(--fs-11);line-height:var(--lh-20);color:var(--text-tertiary)}
.sa-product-name{font-family:var(--font-ui);font-weight:var(--fw-regular);font-size:var(--fs-12);line-height:var(--lh-18);color:var(--text-body)}
.sa-price{font-family:var(--font-ui);font-weight:var(--fw-semibold);font-size:var(--fs-14);line-height:var(--lh-20);color:var(--text-price)}
.sa-price-was{font-family:var(--font-ui);font-weight:var(--fw-regular);font-size:var(--fs-12);line-height:var(--lh-16);color:var(--text-price-was);text-decoration:line-through}