/*
============================================================
 BHPE Theme Layer V1.1.1

 IEERA Design Tokens

 Responsibility:
 - Brand variables only

 Forbidden:
 - Page layout
 - Component styling
 - Runtime behavior

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


:root {


/*
============================================================
 Color Tokens
============================================================
*/


--ieera-color-primary:
#0066cc;


--ieera-color-secondary:
#162033;


--ieera-color-accent:
#00e5ff;


--ieera-color-background-dark:
#07111f;


--ieera-color-background-light:
#ffffff;


--ieera-color-surface:
rgba(255,255,255,.08);


--ieera-color-text-light:
#f6f8ff;


--ieera-color-text-dark:
#162033;


--ieera-color-text-muted:
#8c99ad;



/*
============================================================
 Typography Tokens
============================================================
*/


--ieera-font-body:

-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
"Helvetica Neue",
Arial,
sans-serif;


--ieera-font-display:

-apple-system,
BlinkMacSystemFont,
"Segoe UI",
Roboto,
Arial,
sans-serif;


--ieera-size-display:

clamp(2.8rem,6vw,5.5rem);


--ieera-size-title:

clamp(2rem,4vw,3.5rem);


--ieera-size-body:

1rem;



/*
============================================================
 Spacing Tokens
============================================================
*/


--ieera-space-xs:
.5rem;


--ieera-space-sm:
1rem;


--ieera-space-md:
2rem;


--ieera-space-lg:
4rem;


--ieera-space-xl:
6rem;



/*
============================================================
 Radius Tokens
============================================================
*/


--ieera-radius-sm:
8px;


--ieera-radius-card:
16px;


--ieera-radius-pill:
999px;



/*
============================================================
 Shadow Tokens
============================================================
*/


--ieera-shadow-card:

0 20px 60px rgba(0,0,0,.15);



/*
============================================================
 Motion Tokens
============================================================
*/


--ieera-motion-fast:
.2s;


--ieera-motion-normal:
.5s;


--ieera-motion-slow:
1s;


}