/* fonts */
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Thin.woff') format('woff');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-ExtraLight.woff') format('woff');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Light.woff') format('woff');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Medium.woff') format('woff');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-ExtraBold.woff') format('woff');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Mazzard H';src:url('../assets/fonts/MazzardH-Black.woff') format('woff');font-weight:900;font-style:normal;font-display:swap}

/* colors */
:root{
/* Brand — Globulex red-orange (sampled from logo + brand covers) */
--brand-50:#FEF2EC;--brand-100:#FCE0D2;--brand-200:#F8BCA2;--brand-300:#F28F66;--brand-400:#EC5F2F;--brand-500:#E8420A;--brand-600:#D83500;--brand-700:#B32100;--brand-800:#911000;--brand-900:#6E0A00;
/* Ink — neutral text/surface scale (cool-neutral, never blue) */
--ink-900:#17181C;--ink-700:#33353C;--ink-500:#5C5F6A;--ink-400:#82858F;--ink-300:#B4B6BF;--ink-200:#D9DBE0;--ink-100:#ECEDF0;--ink-50:#F6F6F8;--white:#FFFFFF;
/* Semantic */
--success:#178A50;--success-bg:#E7F5EE;--warning:#C97A00;--warning-bg:#FCF1DE;--danger:#C81E1E;--danger-bg:#FCE9E9;--info:#2E6FD8;--info-bg:#EAF1FC;
/* Brand gradients (organic waves aesthetic) */
--grad-brand:linear-gradient(135deg,#E8420A 0%,#D83500 40%,#A81300 100%);/* @kind color */
--grad-brand-deep:linear-gradient(160deg,#D83500 0%,#B32100 55%,#911000 100%);/* @kind color */
--grad-paper:linear-gradient(180deg,#FFFFFF 0%,#F1F1F3 100%);/* @kind color */
/* Semantic aliases */
--text-body:var(--ink-900);--text-secondary:var(--ink-500);--text-muted:var(--ink-400);--text-inverse:#FFFFFF;--text-brand:var(--brand-600);
--surface-page:#FFFFFF;--surface-subtle:var(--ink-50);--surface-card:#FFFFFF;--surface-inverse:var(--ink-900);--surface-brand:var(--brand-600);
--border-default:var(--ink-200);--border-subtle:var(--ink-100);--border-strong:var(--ink-300);--border-focus:var(--brand-500);
--link:var(--brand-600);--link-hover:var(--brand-700);
}

/* typography */
:root{
--font-sans:'Mazzard H',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:ui-monospace,monospace;
/* Scale (px) */
--fs-display:56px;--fs-h1:40px;--fs-h2:30px;--fs-h3:22px;--fs-h4:18px;--fs-body-lg:17px;--fs-body:15px;--fs-small:13px;--fs-caption:12px;
--lh-tight:1.12;/* @kind other */
--lh-heading:1.25;/* @kind other */
--lh-body:1.55;/* @kind other */
--fw-light:300;/* @kind font */
--fw-regular:400;/* @kind font */
--fw-medium:500;/* @kind font */
--fw-semibold:600;/* @kind font */
--fw-bold:700;/* @kind font */
--fw-black:900;/* @kind font */
--track-caps:0.08em;/* @kind other */ /* uppercase eyebrows, e.g. "PLATFORM" */
}
body{font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);color:var(--text-body);-webkit-font-smoothing:antialiased}
a{color:var(--link);text-decoration:none}
a:hover{color:var(--link-hover)}

/* spacing */
:root{
--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;
--container-max:1200px;--container-pad:24px;--container-pad-mobile:16px;
--radius-xs:6px;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;
}

/* effects */
:root{
--shadow-xs:0 1px 2px rgba(23,24,28,.06);
--shadow-sm:0 2px 8px rgba(23,24,28,.07);
--shadow-md:0 6px 20px rgba(23,24,28,.09);
--shadow-lg:0 16px 40px rgba(23,24,28,.14);
--shadow-brand:0 8px 24px rgba(216,53,0,.28);
--focus-ring:0 0 0 3px rgba(232,66,10,.25);
--ease-standard:cubic-bezier(.4,0,.2,1);/* @kind other */
--dur-fast:120ms;/* @kind other */
--dur-base:200ms;/* @kind other */
}