/* ===========================================================================
   RhineCrest Piping — Design Tokens
   Loaded AFTER the legacy stylesheets so it can introduce a real token layer.
   The defaults below describe Variant 1 ("Forged"); each variant stylesheet
   (css/variants/vN.css) re-declares the colour/font tokens to retheme the site.
   =========================================================================== */

:root {
  /* Surfaces */
  --c-bg:            #ffffff;
  --c-surface:       #f6f7f9;
  --c-surface-2:     #eef1f5;
  --c-dark:          #11151c;   /* dark sections / hero */
  --c-dark-2:        #161c25;

  /* Text */
  --c-text:          #4b5562;
  --c-muted:         #8a96a4;
  --c-heading:       #141a22;
  --c-on-dark:       #c8d2dd;
  --c-heading-dark:  #ffffff;

  /* Brand */
  --c-primary:       #ef5b25;
  --c-primary-600:   #d6480f;
  --c-primary-100:   rgba(239, 91, 37, .10);
  --c-on-primary:    #ffffff;
  --c-accent:        #ffb547;

  /* Lines */
  --c-border:        #e6e9ee;
  --c-border-dark:   rgba(255,255,255,.10);

  /* Typography */
  --font-display: "Sora", "Poppins", sans-serif;
  --font-body:    "Inter", "Source Sans Pro", sans-serif;
  --font-mono:    "JetBrains Mono", "Courier New", monospace;

  --fw-body: 400;
  --fw-med:  500;
  --fw-semi: 600;
  --fw-bold: 700;
  --fw-black: 800;

  /* Heading display tweaks (variants override) */
  --display-spacing: -.02em;
  --display-transform: none;
  --display-weight: 700;

  /* Radius */
  --r-sm: 6px;
  --r:    10px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);
  --shadow:    0 6px 24px rgba(16,24,40,.08);
  --shadow-lg: 0 24px 60px rgba(16,24,40,.16);
  --shadow-primary: 0 14px 30px -10px rgba(239,91,37,.5);

  /* Motion */
  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
  --dur: .45s;

  /* Layout */
  --container: 1200px;
  --section-pad: 110px;
  --gap: 28px;

  /* Decorative gradients (variants override) */
  --grad-primary: linear-gradient(135deg, #ef5b25 0%, #ff8a3d 100%);
  --hero-overlay: linear-gradient(110deg, rgba(10,13,18,.92) 0%, rgba(10,13,18,.55) 55%, rgba(10,13,18,.30) 100%);
  --grid-line: rgba(255,255,255,.06);
}

@media (max-width: 991px) {
  :root { --section-pad: 72px; }
}
@media (max-width: 575px) {
  :root { --section-pad: 56px; --gap: 18px; }
}