/* IntelCit Brand & Product Design System 2026 — shared foundations. */
:root {
  color-scheme: light;

  --ic-navy-950: #071a2b;
  --ic-navy-900: #0b2339;
  --ic-blue-700: #145ea8;
  --ic-blue-600: #1672c4;
  --ic-blue-100: #d9ecfa;
  --ic-blue-50: #eff8fe;
  --ic-green-700: #087a50;
  --ic-green-600: #079665;
  --ic-green-100: #d7f4e7;
  --ic-green-50: #effbf6;
  --ic-cyan: #16b8c8;
  --ic-lime: #a6d84a;
  --ic-sky: #55b7f3;

  --ic-asphalt-950: #111820;
  --ic-asphalt-800: #25313c;
  --ic-asphalt-650: #4c5c68;
  --ic-asphalt-450: #7b8993;
  --ic-concrete-300: #c7d0d5;
  --ic-concrete-200: #dde4e8;
  --ic-concrete-100: #eef2f4;
  --ic-cloud-50: #f7f9fa;
  --ic-white: #fff;

  --ic-success: #087a50;
  --ic-success-bg: #e2f7ed;
  --ic-success-border: #9ddfc3;
  --ic-warning: #855500;
  --ic-warning-bg: #fff3d6;
  --ic-warning-border: #ebcb78;
  --ic-danger: #a33331;
  --ic-danger-bg: #fce9e8;
  --ic-danger-border: #e7aaa7;
  --ic-info: #145ea8;
  --ic-info-bg: #e5f2fc;
  --ic-info-border: #a9d4f2;
  --ic-offline: #55616a;
  --ic-offline-bg: #edf0f2;
  --ic-offline-border: #cdd4d8;

  --ic-gradient-city: linear-gradient(135deg, #1672c4 0%, #16b8c8 48%, #079665 100%);
  --ic-gradient-night: linear-gradient(135deg, #071a2b 0%, #0d3e5a 60%, #087a50 140%);

  --ic-font-sans: "Manrope Variable", Manrope, "Segoe UI", Arial, sans-serif;
  --ic-font-fa: "Vazirmatn Variable", Vazirmatn, Tahoma, sans-serif;
  --ic-font-mono: "IBM Plex Mono", Consolas, monospace;
  --ic-text-xs: .75rem;
  --ic-text-sm: .875rem;
  --ic-text-md: 1rem;
  --ic-text-lg: 1.125rem;
  --ic-text-xl: 1.25rem;
  --ic-title-sm: clamp(1.25rem, 1.1rem + .55vw, 1.375rem);
  --ic-title-md: clamp(1.625rem, 1.3rem + 1vw, 2rem);
  --ic-title-lg: clamp(2rem, 1.45rem + 2vw, 2.5rem);
  --ic-display: clamp(2.5rem, 1.5rem + 4vw, 4rem);

  --ic-space-1: .25rem;
  --ic-space-2: .5rem;
  --ic-space-3: .75rem;
  --ic-space-4: 1rem;
  --ic-space-5: 1.25rem;
  --ic-space-6: 1.5rem;
  --ic-space-8: 2rem;
  --ic-space-10: 2.5rem;
  --ic-space-12: 3rem;
  --ic-space-16: 4rem;
  --ic-space-20: 5rem;
  --ic-space-24: 6rem;
  --ic-space-32: 8rem;

  --ic-radius-sm: .625rem;
  --ic-radius-md: .75rem;
  --ic-radius-lg: 1rem;
  --ic-radius-xl: 1.5rem;
  --ic-radius-pill: 999px;
  --ic-shadow-card: 0 1px 2px rgb(7 26 43 / 5%);
  --ic-shadow-float: 0 20px 56px rgb(7 26 43 / 16%);
  --ic-duration-fast: 120ms;
  --ic-duration-standard: 200ms;
  --ic-duration-emphasis: 320ms;
  --ic-ease: cubic-bezier(.2, .8, .2, 1);
  --ic-container-product: 80rem;
  --ic-container-marketing: 90rem;
  --ic-gutter: clamp(1rem, 3vw, 3rem);
  --ic-focus-ring: 0 0 0 3px rgb(22 114 196 / 28%);
  --ic-sidebar-width: 17rem;
  --ic-topbar-height: 4.5rem;

  /* Transitional aliases for existing pages. */
  --navy: var(--ic-navy-900);
  --navy-2: var(--ic-navy-950);
  --green: var(--ic-green-600);
  --green-2: var(--ic-green-700);
  --blue: var(--ic-blue-600);
  --blue-soft: var(--ic-blue-50);
  --bg: var(--ic-cloud-50);
  --surface: var(--ic-white);
  --line: var(--ic-concrete-200);
  --ink-1: var(--ic-asphalt-950);
  --ink-2: var(--ic-asphalt-650);
  --ink-3: var(--ic-asphalt-450);
  --mono: var(--ic-font-mono);
  --font-en: var(--ic-font-sans);
  --font-fa: var(--ic-font-fa);
  --radius: var(--ic-radius-lg);
}

html[lang="fa"], html[dir="rtl"] { --ic-font-sans: var(--ic-font-fa); }

@media (prefers-reduced-motion: reduce) {
  :root {
    --ic-duration-fast: 1ms;
    --ic-duration-standard: 1ms;
    --ic-duration-emphasis: 1ms;
  }
}