:root {

  --color-primary:        #f7941d;
  --color-primary-hover:  #e07d08;
  --color-primary-soft:   rgba(247,148,29,.12);

  --color-secondary:      #ffb44d;
  --color-secondary-hover:#f7941d;

  --color-heading:        #ffffff;
  --color-text:           #c6c9ce;
  --color-text-muted:     #8b8f97;

  --color-bg:             #191919;
  --color-surface:        #232323;
  --color-surface-2:      #1e1e1e;
  --color-surface-3:      #2b2b2b;
  --color-header:         #171717;

  --color-border:         rgba(255,255,255,.09);
  --color-border-strong:  rgba(255,255,255,.16);

  --color-link:           var(--color-primary);
  --color-link-hover:     var(--color-secondary);

  --color-on-accent:      #1b1b1b;
  --color-on-accent-muted:rgba(27,27,27,.8);

  --color-success:        #34c759;
  --color-danger:         #ff4d4f;

  --font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-cond:    "Oswald", var(--font-sans);

  --font-base:    var(--font-sans);
  --font-heading: var(--font-cond);
  --font-ui:      var(--font-sans);

  --fs-base:  1rem;
  --fs-sm:    0.875rem;
  --fs-xs:    0.75rem;
  --fs-lg:    1.125rem;
  --fs-xl:    1.375rem;

  --fs-hero:  clamp(2.2rem, 5vw, 3.5rem);
  --fs-h1:    clamp(1.9rem, 4vw, 2.75rem);
  --fs-h2:    clamp(1.6rem, 3.2vw, 2.25rem);
  --fs-h3:    clamp(1.2rem, 2.4vw, 1.5rem);
  --fs-h4:    1.2rem;
  --fs-h5:    1.0625rem;
  --fs-h6:    0.9375rem;

  --fs-stat:  clamp(1.75rem, 3.5vw, 2.5rem);

  --fw-light:   300;
  --fw-normal:  400;
  --fw-medium:  500;
  --fw-semibold:600;
  --fw-bold:    700;

  --lh-tight:   1.15;
  --lh-base:    1.7;

  --tracking-wide: 0.08em;

  --space-1:  0.25rem;
  --space-2:  0.5rem;
  --space-3:  0.75rem;
  --space-4:  1rem;
  --space-5:  1.5rem;
  --space-6:  2rem;
  --space-7:  3rem;
  --space-8:  4rem;
  --space-9:  6rem;

  --radius-sm:   6px;
  --radius:      10px;
  --radius-lg:   16px;
  --radius-pill: 999px;

  --shadow-sm: 0 2px 6px rgba(0,0,0,.25);
  --shadow:    0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 18px 48px rgba(0,0,0,.45);
  --shadow-accent: 0 10px 30px rgba(247,148,29,.35);

  --container-max: 1240px;
  --gap:           var(--space-5);
  --header-h:      84px;

  --transition: 0.2s ease;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; scroll-padding-top: var(--header-h); }

body {
  margin: 0;
  font-family: var(--font-base);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: var(--color-text);
  background: var(--color-bg);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--color-heading);
  line-height: var(--lh-tight);
  font-weight: var(--fw-bold);
  margin: 0 0 var(--space-4);
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h3); }
h4 { font-size: var(--fs-h4); }
h5 { font-size: var(--fs-h5); }
h6 { font-size: var(--fs-h6); }

p { margin: 0 0 var(--space-4); }
p:last-child { margin-bottom: 0; }

strong, b { font-weight: var(--fw-semibold); color: var(--color-heading); }

a {
  color: var(--color-link);
  text-decoration: none;
  transition: color var(--transition);
}
a:hover { color: var(--color-link-hover); }

img { max-width: 100%; height: auto; display: block; }

ul { margin: 0; padding: 0; list-style: none; }