/* ============================================================
   Pontis Construction — Contact 3D design tokens (LIGHT theme)
   Values sampled from the live site stylesheet (public/style.css):
     accent  #e56200   (every CTA / link accent on the site)
     ink     #221f1f   (site's dark text / header surfaces)
     slate   #333      (secondary dark)
   The page matches the site's white + orange identity.
   Never hardcode a hex in a component — reference these only.
   ============================================================ */
:root {
  /* brand */
  --pontis-orange:      #e56200;
  --pontis-orange-dim:  #c25102;
  --pontis-orange-deep: #a84500;  /* AA text on orange-soft (5.4:1) & gradient end */
  --pontis-orange-text: #b54d00;  /* AA text-grade accent: 5.2:1 white / 5.0 paper */
  --pontis-orange-soft: #fff1e6;  /* warm tint for washes / hovers */
  --pontis-paper:      #faf9f7;  /* warm paper white — page base */
  --pontis-white:      #ffffff;
  --pontis-ink:        #221f1f;  /* the site's actual dark — text */
  --pontis-slate:      #333333;
  --pontis-muted:      #6f6862;

  /* semantic aliases — use these in components */
  --color-bg:          var(--pontis-paper);
  --color-surface:     var(--pontis-white);
  --color-accent:      var(--pontis-orange);
  --color-accent-text: var(--pontis-orange-text); /* for small accent text on light bgs */
  --color-text:        var(--pontis-ink);
  --color-text-muted:  var(--pontis-muted);
  --color-focus:       var(--pontis-orange);
  --color-error:       #cf3439;
  --color-success:     #1f7a4d;
  --color-line:        rgba(34, 31, 31, 0.10);

  /* light glass */
  --glass-fill:   rgba(255, 255, 255, 0.72);
  --glass-stroke: rgba(34, 31, 31, 0.08);
  --glass-blur:   20px;
  --glow-orange:  0 24px 60px rgba(229, 98, 0, 0.10);
  --shadow-soft:  0 10px 34px rgba(34, 31, 31, 0.10);
  --shadow-lift:  0 18px 50px rgba(34, 31, 31, 0.14);

  /* type — Roboto is the sampled site family */
  --font-display: "Roboto", -apple-system, "Segoe UI", sans-serif;
  --font-body:    "Roboto", -apple-system, "Segoe UI", sans-serif;

  /* radius */
  --r-input:    999px;
  --r-card:     24px;
  --r-platform: 48px;
  --r-pill:     999px;

  /* motion */
  --ease-out:    cubic-bezier(0.22, 1, 0.36, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --d-fast: 240ms;
  --d-base: 480ms;
  --d-slow: 900ms;

  /* depth — exactly three planes */
  --z-scene:   0;
  --z-content: 10;
  --z-float:   20;

  /* spacing rhythm */
  --section-gap: 96px;
}
@media (min-width: 1024px) {
  :root { --section-gap: 160px; }
}