/* ==========================================================================
   DEZKO - Design Tokens
   ========================================================================== */

:root {
  /* ── Colors ── */
  --navy-900: #0A0E17;
  --navy-800: #0F172A;
  --navy-700: #1E293B;
  --navy-600: #334155;

  --green-500: #10B981;
  --green-400: #34D399;
  --green-300: #6EE7B7;

  --white: #FFFFFF;
  --gray-100: #F8FAFC;
  --gray-200: #E2E8F0;
  --gray-400: #94A3B8;
  --gray-500: #64748B;
  --gray-600: #475569;

  /* ── Typography ── */
  --font-primary: 'Inter', sans-serif;
  --font-heading: 'Poppins', sans-serif;

  /* ── Shadows ── */
  --shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  --shadow-green: 0 10px 30px -5px rgba(16, 185, 129, 0.3);

  /* ── Spacing ── */
  --container-max: 1200px;
  --container-padding: 24px;
  --header-height: 80px;
  --section-padding: 100px;
  --section-padding-mobile: 60px;

  /* ── Transitions ── */
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-accordion: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}