/**
 * ═══════════════════════════════════════════════════════════════════
 *  RTT Theme — فقط این فایل را برای تغییر تم ویرایش کنید
 *  Preset: سبز + آبی (Digital Twin)
 * ═══════════════════════════════════════════════════════════════════
 */

:root {
  /* —— Brand: سبز مهندسی —— */
  --theme-green: #1a6f55;
  --theme-green-light: #238b6c;
  --theme-green-dark: #145a45;

  /* —— Brand: آبی فناوری —— */
  --theme-blue: #1a5c94;
  --theme-blue-light: #2a78b8;
  --theme-blue-dark: #124a78;

  /* —— Surfaces —— */
  --color-bg: #f1f6fb;
  --color-bg-alt: #e2ebf5;
  --color-surface: #ffffff;
  --color-surface-hover: #f6faff;

  /* —— Text —— */
  --color-text: #152230;
  --color-text-soft: #3a5068;
  --color-muted: #5a7288;

  /* —— Accent (green primary; teal/blue in gradients) —— */
  --theme-teal: #1a6270;
  --color-accent: var(--theme-green);
  --color-accent-light: var(--theme-green-light);
  --color-accent-soft: #dceaf4;
  --color-accent-blue: var(--theme-blue);
  --color-accent-blue-soft: #e3edf8;
  --gradient-brand: linear-gradient(
    135deg,
    var(--theme-green) 0%,
    var(--theme-teal) 50%,
    var(--theme-blue) 100%
  );

  /* —— Borders & shadows —— */
  --color-border: #c8d8e8;
  --color-shadow: 0 4px 24px rgba(21, 34, 48, 0.06);
  --color-shadow-lg: 0 20px 60px rgba(21, 34, 48, 0.09);

  /* RGB helpers (for rgba(var(--rgb-*), alpha)) */
  --rgb-text: 21, 34, 48;
  --rgb-green: 26, 111, 85;
  --rgb-blue: 26, 92, 148;
  --rgb-border: 200, 216, 232;

  /* —— Digital twin patterns (شفافیت رگه‌ها) —— */
  --pattern-opacity: 0.038;
  --pattern-header-opacity: 0.055;
  --pattern-hero-opacity: 0.06;

  /* Mesh grid */
  --pattern-grid: repeating-linear-gradient(
      0deg,
      transparent 0,
      transparent 47px,
      rgba(var(--rgb-blue), var(--pattern-opacity)) 47px,
      rgba(var(--rgb-blue), var(--pattern-opacity)) 48px
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 47px,
      rgba(var(--rgb-blue), calc(var(--pattern-opacity) * 0.85)) 47px,
      rgba(var(--rgb-blue), calc(var(--pattern-opacity) * 0.85)) 48px
    );

  /* Tunnel / perspective lines */
  --pattern-tunnel: repeating-linear-gradient(
      -14deg,
      transparent 0,
      transparent 72px,
      rgba(var(--rgb-green), calc(var(--pattern-opacity) * 0.7)) 72px,
      rgba(var(--rgb-green), calc(var(--pattern-opacity) * 0.7)) 73px
    ),
    repeating-linear-gradient(
      14deg,
      transparent 0,
      transparent 72px,
      rgba(var(--rgb-blue), var(--pattern-opacity)) 72px,
      rgba(var(--rgb-blue), var(--pattern-opacity)) 73px
    );

  /* Site-wide background stack */
  --pattern-body: linear-gradient(
      180deg,
      var(--color-bg) 0%,
      var(--color-bg-alt) 100%
    ),
    radial-gradient(
      ellipse 90% 60% at 50% 100%,
      rgba(var(--rgb-blue), 0.07),
      transparent 65%
    ),
    var(--pattern-tunnel),
    var(--pattern-grid);

  /* Header digital layer */
  --pattern-header: var(--pattern-grid),
    radial-gradient(
      ellipse 140% 100% at 50% -30%,
      rgba(var(--rgb-blue), var(--pattern-header-opacity)),
      transparent 58%
    ),
    repeating-linear-gradient(
      90deg,
      transparent 0,
      transparent 31px,
      rgba(var(--rgb-green), calc(var(--pattern-header-opacity) * 0.6)) 31px,
      rgba(var(--rgb-green), calc(var(--pattern-header-opacity) * 0.6)) 32px
    );

  /* Hero digital layer */
  --pattern-hero: radial-gradient(
      ellipse 75% 55% at 88% 12%,
      rgba(var(--rgb-blue), var(--pattern-hero-opacity)),
      transparent
    ),
    radial-gradient(
      ellipse 50% 40% at 8% 88%,
      rgba(var(--rgb-green), calc(var(--pattern-hero-opacity) * 0.85)),
      transparent
    ),
    var(--pattern-tunnel),
    linear-gradient(
      165deg,
      #ffffff 0%,
      var(--color-bg-alt) 50%,
      var(--color-accent-soft) 100%
    );
}

/* Optional: تم قدیمی سبز-سفید — html را به data-theme="green-white" تغییر دهید */
[data-theme="green-white"] {
  --color-bg: #f6f8f7;
  --color-bg-alt: #eef2ef;
  --color-accent: #1f6b4a;
  --color-accent-light: #2d8a63;
  --color-accent-soft: #e8f3ed;
  --color-border: #dde5e0;
  --rgb-green: 31, 107, 74;
  --rgb-blue: 45, 120, 100;
  --pattern-opacity: 0.03;
  --pattern-header-opacity: 0.04;
}