/* Root variables */

/* Capabilities service spacing adjustments */
.service-item h3 {
  margin-bottom: 0.5rem;
}
.service-item p {
  margin-top: 0.25rem;
}
.service-item {
  margin-bottom: 2rem;
  background: var(--color-bg-section);
  padding: var(--spacing-md);
}

:root {
  /* Email link colors */
  --color-email-default: #D9A441;
  --color-email-hover: #F7CA4B;
  /* Layout */
  --max-width: 1200px;
  --spacing-sm: .5rem;
  --spacing-md: 1rem;
  --spacing-lg: 2rem;

  /* Colors */
  --color-bg-base: #0A2F4E; /* page background */
  --color-bg-section: #0D3858; /* section background */
  --color-text-primary: #F4F7F8; /* heading text */
  --color-text-secondary: #C8D6DC; /* body text */
  --color-border: #cbd5dc; // keep neutral border
  --color-primary: #007C91; /* primary teal */
  --color-primary-dark: #00556A; /* dark teal for hover */
  --color-secondary: #D9A441; /* warm accent */
  --color-white: #ffffff;

  /* Typography */
  --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Radius */
  --radius-sm: 4px;
}

/* Global resets */
*, *::before, *::after {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-family-base);
  line-height: 1.6;
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  color: var(--color-text-primary);
  background: var(--color-bg-base);
  min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
}

/* Layout utilities */
header,
footer {
  width: 100%;
  max-width: var(--max-width);
  margin: auto;
  padding: var(--spacing-lg) var(--spacing-md);
  background: transparent; /* keep light base */
}

header nav {display:flex; justify-content:flex-start; align-items:center; flex-wrap:wrap;}
 .logo{
  font-weight:700;
  letter-spacing:0.02em;
  font-size:1.6rem;
}

.logo .verta {
  color: #F4F7F8;
}

.logo .semi {
  color: #D9A441;
}
.nav-links{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;}
.nav-links li{margin-left:1rem;}
.nav-links a{text-decoration:none;color:var(--color-text-secondary);font-size:1rem;}

footer p{text-align:center;font-size:.875rem;color:var(--color-text-secondary);} 

/* Email link styling in RFQ page */
footer a[href^="mailto:"] {
  color: var(--color-email-default);
  text-decoration: underline;
}
footer a[href^="mailto:"]:hover {
  color: var(--color-email-hover);
}

/* Hero section */
#hero {
  max-width: var(--max-width);
  margin: auto;
  background: linear-gradient(135deg, #061F35, #0A2F4E);
  color: var(--color-white);
  padding: var(--spacing-lg) var(--spacing-md) var(--spacing-lg) var(--spacing-lg);
  text-align:left;
}
#hero h2{
  margin-top:0;
  font-size:2.5rem;
  line-height:1.2;
}
#hero .cta {
  display:inline-block;
  margin-top:var(--spacing-md);
  padding:.75rem 1.5rem;
  background: rgba(255,255,255,0.05);
  color: #073B4C;
  text-decoration:none;
  border-radius: var(--radius-sm);
  font-weight:600;
  border: 1px solid rgba(255,255,255,0.12);
  backdrop-filter: blur(8px);
}
#hero .cta.secondary{background: var(--color-secondary);} 

/* General CTA */

.cta.secondary{background:var(--color-secondary);}

/* Main content */
main{
  flex:1;
  padding: var(--spacing-lg) var(--spacing-md);
  max-width:var(--max-width);
  margin:auto;
}
section{margin-bottom:calc(var(--spacing-lg)+var(--spacing-md));}
section{background: var(--color-bg-section);} 

h2,h3{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);} 
h3{font-size:1.3125rem;margin-bottom:.75rem;} 
h2{font-size:1.875rem;margin-bottom:.5rem;}

/* Lists */
ul{list-style:none;padding-left:0;} 
ul li{margin-bottom:var(--spacing-md);}
ul ul{padding-left:1rem;}  /* nested lists indentation */
ul li strong{display:block;font-weight:bold;color:var(--color-text-primary);} 

ol.process-steps{counter-reset:step;list-style:none;padding-left:0;margin-top:.5rem;} 
ol.process-steps li{counter-increment:step;margin-bottom:1rem;padding-left:2.5rem;position:relative;} 
ol.process-steps li::before{content:counter(step);position:absolute;left:0;width:1.75rem;height:1.75rem;background:var(--color-primary);color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bold;}

/* Forms */
form{max-width:600px;margin:auto;} 
.form-row{margin-bottom:var(--spacing-md);} 
label{display:block;font-weight:var(--font-weight-medium);margin-bottom:.25rem;color:var(--color-text-primary);} 
input, textarea{width:100%;padding:.5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);} 
button[type="submit"]{background:var(--color-primary);color:white;padding:.75rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:bold;} 
button[type="submit"]:hover{background:var(--color-primary-dark);} 

/* Override for RFQ submit button (used on form) */
button[type="submit"][type="submit"]{background:#D9A441;color:#073B4C;border:1px solid #D9A441;}
button[type="submit"][type="submit"]:hover{background:#F7CA4B;}

/* Ensure all RFQ links stand out with warm accent */
/* Global RFQ link styling */
a[href="rfq.html"], a.btn-primary[href="rfq.html"] {
  background: #D9A441;
  color: #073B4C !important;
  text-decoration:none;
  border-radius: var(--radius-sm);
  border:1px solid #D9A441;
}
/* Hover state for RFQ links */
a[href="rfq.html"], a.btn-primary[href="rfq.html"]:hover {
  background:#F7CA4B;
  color:#073B4C;
}


/* Responsive adjustments */
@media (max-width:600px){
  #hero h2{font-size:1.8rem;}
  #hero{padding: var(--spacing-md) var(--spacing-sm);}
  section{margin-bottom:var(--spacing-sm);} 
}

/* Paragraphs */
.audience{margin-bottom:var(--spacing-lg);} 

/* Button utilities */
.btn-primary{
  display:inline-block;
  padding:.75rem 1.5rem;
  background:var(--color-primary);
  color:white;
  border-radius:var(--radius-sm);
  text-decoration:none;
  font-weight:600;
}
.btn-primary:hover{background:var(--color-primary-dark);} 

.btn-secondary{
  display:inline-block;
  padding:.75rem 1.5rem;
  background:var(--color-secondary);
  color:white;
  border-radius:var(--radius-sm);
  text-decoration:none;
  font-weight:600;
}
 .btn-secondary:hover{background:var(--color-primary-dark);} /* Compact spacing for grouped lists */
ul.category-list > li:first-child > ul li { margin-bottom: 0.4rem; }
ul.sourcing-types > li { margin-bottom: 0.4rem; }\n\n/* Supporting text styling */
ul li > p,
 p.guidance {
   font-size: 14px;
   font-weight: var(--font-weight-regular);
   color: var(--color-text-secondary);
}

/* Divider style for category sections */
hr.divider {
   border:none;
   border-top:1px solid var(--color-border);
   margin:0.5rem 0 1rem;
}

/* RFQ email link adjustments */
#rfq-form-section a[href^="mailto:"], footer a[href^="mailto:"]{
  color:#D9A441;
  text-decoration:underline;
}
#rfq-form-section a[href^="mailto:"], footer a[href^="mailto:"]:hover{
  color:#F7CA4B;
}

/* Reduce vertical gap between bold title and explanatory line */
ul li > strong + p{
  margin-top:.25rem;
}
#capabilities{background:var(--color-bg-base);}
.capability-block{background:var(--color-bg-section); padding: var(--spacing-md); margin-bottom: var(--spacing-lg);} 

/* Hero RFQ button override for solid gold appearance */
#hero a[href="rfq.html"], #hero .cta[href="rfq.html"] {
  background: #D9A441 !important;
  color: #073B4C !important;
  border: 1px solid #D9A441 !important;
  opacity: 1 !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#hero a[href="rfq.html"]:hover, #hero .cta[href="rfq.html"]:hover {
  background: #F7CA4B !important;
  color: #073B4C !important;
}

/* Short paragraph styling for core-values section */
#core-values p.short {
  max-width:750px;
  margin-left:auto;
  margin-right:auto;
}

/* Group layout in core-values section */
#core-values .group {
  margin-bottom:var(--spacing-lg);
}
#core-values .group:first-child {
  margin-top: var(--spacing-lg);
}
#core-values .group strong {
  font-weight:bold;
  display:block;
  font-size:1.125rem;
  margin-bottom:.5rem;
}
#core-values .group p {
  margin-top:0;
  margin-left:1rem;
}

/* Adjust component list indent */
#what-we-source ul li {padding-left:2.5rem;}

/* Reduce indentation for Quartz Parts sub-items */
#what-we-source > ul > li:first-child > ul {
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

/* Override to remove left-padding from the four sub‑items */
#what-we-source > ul > li:first-child > ul > li {
    padding-left: 0;
}


/* Navigation link hover and active state */
.nav-links a {
  transition: color 0.2s ease-in-out;
}
.nav-links a:hover,
.nav-links a.active{
  color:#D9A441;
}

/* Logo active state overrides (explicit) */
.logo.active .verta { color: #F4F7F8; }
.logo.active .semi { color: #D9A441; }

<EOF>