/* ==========================================================================
   Design Tokens — Wahda Robotics
   Light theme by default, dark mode via [data-theme="dark"].

   ── HOW TO REBRAND ──
   Change the three accent-*-rgb values below.  Every gradient, tag, chip,
   hover border, and glow throughout the site will update automatically.
   ========================================================================== */

:root {
  /* ── Accent colours ──
     Define as comma-separated RGB channels so we can use them inside rgba().
     Then derive the hex custom property for SVG stroke, text-color, etc.    */
  --accent-primary-rgb:    22, 140, 75;     /* primary accent  (#168C4B) — Pakistan green (vibrant) */
  --accent-secondary-rgb:  22, 140, 75;     /* secondary accent (#168C4B) */
  --accent-dark-rgb:  13, 107, 58;          /* tertiary accent  (#0D6B3A) — deeper green */

  --accent-primary:    rgb(var(--accent-primary-rgb));
  --accent-secondary:    rgb(var(--accent-secondary-rgb));
  --accent-dark:  rgb(var(--accent-dark-rgb));
  --accent-gradient: rgb(var(--accent-primary-rgb));

  /* ── Utility colour channels (rarely changed) ── */
  --pdf-red-rgb: 239, 68, 68;           /* PDF icon colour */

  /* ── Light mode (default) — clean white ── */
  --bg-primary:       #ffffff;
  --bg-secondary:     rgba(245, 245, 247, 0.85);
  --bg-card:          rgba(255, 255, 255, 0.7);
  --bg-card-hover:    rgba(255, 255, 255, 0.85);
  --bg-tinted:        rgba(245, 245, 247, 0.92);
  --text-primary:     #1c1917;
  --text-secondary:   #57534e;
  --text-muted:       #a8a29e;
  --border-color:     rgba(255, 255, 255, 0.6);
  --shadow-color:     rgba(28, 25, 23, 0.08);
  --navbar-bg:        rgba(255, 255, 255, 0.6);
  --navbar-bg-scroll: rgba(255, 255, 255, 0.75);
  --glass-blur:       blur(16px);
  --glass-border:     1px solid rgba(255, 255, 255, 0.5);
  --glass-highlight:  inset 0 1px 0 rgba(255, 255, 255, 0.8);

  /* ── Typography ── */
  --font-main:  'Inter', 'Segoe UI', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono:  'JetBrains Mono', 'Fira Code', monospace;
  --font-size-base: 16px;
  --line-height:    1.6;

  /* ── Layout ── */
  --max-width:   1200px;
  --radius:      12px;
  --radius-sm:   6px;
  --radius-lg:   20px;
  --radius-pill:  50px;
  --transition:  0.3s ease;

  /* ── Spacing scale ── */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --section-padding: 6rem 0;

  /* ── Navbar ── */
  --navbar-height: 64px;
}

/* ── Dark mode ── */
[data-theme="dark"] {
  --bg-primary:       #0d1117;
  --bg-secondary:     #161b22;
  --bg-card:          rgba(28, 33, 40, 0.7);
  --bg-card-hover:    rgba(33, 38, 45, 0.8);
  --bg-tinted:        #161b22;
  --text-primary:     #e6edf3;
  --text-secondary:   #8b949e;
  --text-muted:       #6e7681;
  --border-color:     rgba(255, 255, 255, 0.08);
  --shadow-color:     rgba(0, 0, 0, 0.4);
  --navbar-bg:        rgba(13, 17, 23, 0.6);
  --navbar-bg-scroll: rgba(13, 17, 23, 0.75);
  --glass-blur:       blur(20px);
  --glass-border:     1px solid rgba(255, 255, 255, 0.06);
  --glass-highlight:  inset 0 1px 0 rgba(255, 255, 255, 0.05);
}