/* ==========================================================
   main.css
   Design tokens, typography scale, spacing/shadow scale, the
   Poppins @font-face declarations, and global element resets.
   Extracted verbatim (values unchanged) from the <helmet> style
   blocks of the original bundled erp.html design-canvas export.
   ========================================================== */

/* Color tokens */
:root{
--navy-900:#0B1F5C;
--blue-800:#1746A2;
--blue-600:#2C52A9;
--blue-400:#6F8CC2;
--blue-100:#EAF0FA;
--ink-900:#182033;
--gray-500:#667085;
--white:#FFFFFF;
--black:#000000;

--color-bg:var(--white);
--color-surface:var(--white);
--color-surface-tint:var(--blue-100);
--color-text-primary:var(--ink-900);
--color-text-secondary:var(--gray-500);
--color-text-on-brand:var(--white);
--color-text-link:var(--blue-800);
--color-text-link-hover:var(--navy-900);
--color-border:#D8E1F2;
--color-border-strong:var(--blue-400);

--color-brand-primary:var(--blue-600);
--color-brand-primary-hover:var(--blue-800);
--color-brand-primary-active:var(--navy-900);
--color-brand-secondary:var(--blue-400);
--color-brand-tint:var(--blue-100);

--color-success:#1F9D6B;
--color-success-tint:#E4F7EE;
--color-warning:#B8791A;
--color-warning-tint:#FBF0DD;
--color-danger:#C4362E;
--color-danger-tint:#FBE7E5;
--color-info:var(--blue-800);
--color-info-tint:var(--blue-100);

--color-focus-ring:var(--blue-600);
}

/* Typography tokens */
:root{
--font-family-base:'Poppins',-apple-system,'Segoe UI',sans-serif;
--font-weight-regular:400;
--font-weight-medium:500;
--font-weight-semibold:600;
--font-weight-bold:700;
--font-weight-extrabold:800;

--text-display:3rem;
--text-h1:2.25rem;
--text-h2:1.75rem;
--text-h3:1.375rem;
--text-h4:1.125rem;
--text-body-lg:1.0625rem;
--text-body:0.9375rem;
--text-body-sm:0.8125rem;
--text-caption:0.6875rem;

--line-height-tight:1.15;
--line-height-heading:1.25;
--line-height-body:1.55;

--letter-spacing-tight:-0.01em;
--letter-spacing-wide:0.04em;
}

/* Spacing / radius / shadow / easing tokens */
:root{
--space-1:4px;
--space-2:8px;
--space-3:12px;
--space-4:16px;
--space-5:20px;
--space-6:24px;
--space-8:32px;
--space-10:40px;
--space-12:48px;
--space-16:64px;
--space-20:80px;

--radius-sm:6px;
--radius-md:10px;
--radius-lg:16px;
--radius-pill:999px;

--shadow-sm:0 1px 2px rgba(11,31,92,0.06);
--shadow-md:0 4px 12px rgba(11,31,92,0.10);
--shadow-lg:0 12px 32px rgba(11,31,92,0.14);

--ease-standard:cubic-bezier(.4,0,.2,1); /* @kind other */
--duration-fast:120ms; /* @kind other */
--duration-base:180ms; /* @kind other */
}

/* Poppins self-hosted webfont (all weights + italics) */
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-100-thin-normal.ttf") format('truetype');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-100-thin-italic.ttf") format('truetype');font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-200-extralight-normal.ttf") format('truetype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-200-extralight-italic.ttf") format('truetype');font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-300-light-normal.ttf") format('truetype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-300-light-italic.ttf") format('truetype');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-400-regular-normal.ttf") format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-400-regular-italic.ttf") format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-500-medium-normal.ttf") format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-500-medium-italic.ttf") format('truetype');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-600-semibold-normal.ttf") format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-600-semibold-italic.ttf") format('truetype');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-700-bold-normal.ttf") format('truetype');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-700-bold-italic.ttf") format('truetype');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-800-extrabold-normal.ttf") format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-800-extrabold-italic.ttf") format('truetype');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-900-black-normal.ttf") format('truetype');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url("../assets/fonts/poppins-900-black-italic.ttf") format('truetype');font-weight:900;font-style:italic;font-display:swap}

/* Global element resets */
body{margin:0;background:var(--color-bg);}
    a{color:var(--color-text-link);text-decoration:none;}
    a:hover{color:var(--color-text-link-hover);}

/* Hero section background image (extracted from an inline style
   attribute — the value itself is unchanged) */
.hero-section{background-image:url('../assets/images/hero-dashboard-bg-xs.png');background-size:cover;background-position:center 30%;background-repeat:no-repeat;}