@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;700;800&family=DM+Sans:ital,wght@0,300;0,400;0,500;1,300&family=JetBrains+Mono:wght@300;400&subset=latin,latin-ext&display=swap');

:root {
  /* Backgrounds — warm cream */
  --bg:       #fafaf7;
  --bg2:      #f2efe8;
  --bg3:      #e9e5dc;
  --surface:  #e4e0d5;
  --surface2: #d9d4c7;

  /* Accent colors */
  --a:  #b45309;   /* amber-700  — əsas  */
  --a2: #0f766e;   /* teal-700   — ikinci */
  --a3: #dc2626;   /* red-600    — xəta  */

  /* Text — warm tones */
  --t:  #1c1917;
  --t2: #78716c;
  --t3: #a8a29e;

  /* Borders */
  --border:  rgba(28, 25, 23, 0.09);
  --border2: rgba(28, 25, 23, 0.16);

  /* Fonts */
  --fh: 'Outfit', sans-serif;
  --fb: 'DM Sans', sans-serif;
  --fm: 'JetBrains Mono', monospace;
}