:root{
  /* Brand */
  --brand-name: "Residential-Ip";
  /* Base colors (infra dark) */
  --color-bg-primary:#0A0A0F;
  --color-bg-secondary:#12121A;
  --color-bg-tertiary:#1A1A24;
  --color-bg-elevated:#22222E;

  --color-text-primary:#F8FAFC;
  --color-text-secondary:#A0A0B0;
  --color-text-tertiary:#6A6A7A;
  --color-text-muted:#4A4A5A;

  --color-border-primary:#2A2A3A;
  --color-border-secondary:#1E1E2A;
  --color-border-focus:#3B82F6;

  --color-primary:#3B82F6;  /* Trust blue */
  --color-accent:#00FFF5;   /* Tech cyan */
  --color-success:#10B981;
  --color-warning:#F59E0B;
  --color-danger:#EF4444;
  --color-info:#00AFFF;

  --gradient-primary:linear-gradient(135deg, rgba(59,130,246,.95) 0%, rgba(0,255,245,.85) 100%);
  --gradient-card:linear-gradient(180deg, rgba(18,18,26,.92) 0%, rgba(10,10,15,.92) 100%);
  --shadow-xs:0 1px 2px rgba(0,0,0,.35);
  --shadow-sm:0 2px 6px rgba(0,0,0,.45);
  --shadow-md:0 10px 24px rgba(0,0,0,.55);
  --shadow-glow:0 0 22px rgba(59,130,246,.25);

  /* Layout */
  --radius-sm:8px;
  --radius-md:12px;
  --radius-lg:16px;

  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px;

  --container-max: 1180px;
  --sidebar-w: 264px;

  /* Motion */
  --ease-out:cubic-bezier(0,0,0.2,1);
  --ease-in:cubic-bezier(0.4,0,1,1);
  --ease-in-out:cubic-bezier(0.4,0,0.2,1);
  --dur-fast:120ms;
  --dur-normal:200ms;
  --dur-slow:400ms;
}

@media (prefers-color-scheme: light){
  :root{
    --color-bg-primary:#ffffff;
    --color-bg-secondary:#F1F5F9;
    --color-bg-tertiary:#E2E8F0;
    --color-bg-elevated:#ffffff;
    --color-text-primary:#0F172A;
    --color-text-secondary:#475569;
    --color-text-tertiary:#64748B;
    --color-text-muted:#94A3B8;
    --color-border-primary:#CBD5E1;
    --color-border-secondary:#E2E8F0;
    --gradient-card:linear-gradient(180deg, rgba(241,245,249,.92) 0%, rgba(255,255,255,.92) 100%);
    --shadow-md:0 18px 40px rgba(2,6,23,.12);
  }
}