/* ==========================================================
   PrimeTech Solutions
   variables.css
   Design System v1.0
   ========================================================== */

:root{

  /* Brand Colors */
  --color-primary:#ff8a00;
  --color-primary-dark:#d96f00;
  --color-accent:#ffb347;

  --bg:#0b0b0b;
  --bg-secondary:#121212;
  --bg-card:rgba(255,255,255,.05);
  --bg-card-hover:rgba(255,255,255,.08);

  --text:#ffffff;
  --text-muted:#c8c8c8;
  --text-light:#9b9b9b;

  --border:rgba(255,255,255,.08);

  --success:#22c55e;
  --danger:#ef4444;
  --warning:#f59e0b;

  /* Glass */
  --glass-bg:rgba(255,255,255,.06);
  --glass-border:rgba(255,255,255,.10);
  --glass-blur:18px;

  /* Gradients */
  --gradient-primary:linear-gradient(135deg,#ff8a00,#ffb347);
  --gradient-dark:linear-gradient(180deg,#111,#090909);

  /* Shadows */
  --shadow-sm:0 4px 14px rgba(0,0,0,.18);
  --shadow-md:0 12px 28px rgba(0,0,0,.30);
  --shadow-lg:0 18px 45px rgba(0,0,0,.45);
  --shadow-glow:0 0 30px rgba(255,138,0,.25);

  /* Radius */
  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:24px;
  --radius-xl:32px;
  --radius-pill:999px;

  /* Typography */
  --font-heading:"Poppins",sans-serif;
  --font-body:"Inter","Poppins",sans-serif;

  --fs-xs:.80rem;
  --fs-sm:.92rem;
  --fs-base:1rem;
  --fs-lg:1.125rem;
  --fs-xl:1.5rem;
  --fs-2xl:2.2rem;
  --fs-3xl:3.2rem;
  --fs-hero:clamp(2.4rem,5vw,4.8rem);

  /* Layout */
  --container:1180px;
  --section-space:100px;
  --navbar-height:82px;

  /* Spacing */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:3rem;
  --space-8:4rem;

  /* Transition */
  --transition-fast:.2s ease;
  --transition:.35s ease;
  --transition-slow:.6s ease;

  /* Z-index */
  --z-navbar:1000;
  --z-overlay:1050;
  --z-modal:1100;

  /* Buttons */
  --btn-height:52px;
  --btn-padding:0 28px;

  /* Cards */
  --card-padding:28px;
  --card-gap:28px;
}

/* Dark mode prepared for future */
[data-theme="light"]{
  --bg:#ffffff;
  --bg-secondary:#f5f5f5;
  --bg-card:#ffffff;
  --text:#111111;
  --text-muted:#555555;
  --border:rgba(0,0,0,.08);
}

/* Utility tokens */
:root{
  --blur-large:70px;
  --hero-image-radius:28px;
  --icon-size:56px;
}