/* ═══════════════════════════════════════════════════
   CannabisNearMe.co.uk - Base Styles
   Reset, Variables, Typography, and Global Styles
   ═══════════════════════════════════════════════════ */

/* ── Reset & Base ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --green-900: #1a3a1a;
  --green-800: #1B5E20;
  --green-700: #2E7D32;
  --green-600: #388E3C;
  --green-500: #43A047;
  --green-400: #66BB6A;
  --green-300: #A5D6A7;
  --green-200: #C8E6C9;
  --green-100: #E8F5E9;
  --green-50: #f1f8f1;
  --gray-900: #1a1a1a;
  --gray-800: #333;
  --gray-700: #555;
  --gray-600: #777;
  --gray-500: #999;
  --gray-400: #bbb;
  --gray-300: #ddd;
  --gray-200: #e9e9e9;
  --gray-100: #f5f5f5;
  --white: #fff;
  --red-500: #e53935;
  --red-50: #FFEBEE;
  --orange-500: #E65100;
  --orange-50: #FFF3E0;
  --blue-500: #1565C0;
  --blue-50: #E3F2FD;
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.08);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --max-width: 1200px;
  --transition: all 0.3s ease;
}

html { scroll-behavior: smooth; }

body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  color: var(--gray-800);
  line-height: 1.6;
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--green-700); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--green-500); }

img { max-width: 100%; height: auto; }

.container { max-width: var(--max-width); margin: 0 auto; padding: 0 20px; }

/* ── Typography ── */
h1, h2, h3, h4, h5, h6 { line-height: 1.2; color: var(--gray-900); }
h1 { font-size: 2.5rem; font-weight: 800; }
h2 { font-size: 1.8rem; font-weight: 700; }
h3 { font-size: 1.4rem; font-weight: 600; }
h4 { font-size: 1.15rem; font-weight: 600; }
p { margin-bottom: 1rem; }