/* === @import MUST come before :root === */
/* layout-responsive.css last — so media queries override component defaults */
@import url('layout.css');
@import url('components.css');
@import url('home.css');
@import url('home-sections.css');
@import url('home-cta.css');
@import url('services.css');
@import url('services-cta.css');
@import url('contacts.css');
@import url('layout-responsive.css');

:root {
  --black:    #080808;
  --dark:     #111111;
  --surface:  #181818;
  --card:     #1e1e20;
  --border:   #2c2c2e;
  --text:     #e8e4de;
  --muted:    #7a7670;
  --orange:   #e8630a;
  --amber:    #ff8c00;
  --glow:     rgba(232, 99, 10, 0.18);
  --radius:   3px;
  --radius-lg: 6px;

  /* font */
  --font-display: 'Bebas Neue', 'Impact', sans-serif;
  --font-body:    'Exo 2', 'Segoe UI', sans-serif;
}