/* Chacha Tarlası dizayn tokenləri.
   Rənglər müvəqqətidir: Chacha brendbuku gələndə yalnız bu fayl dəyişir. */
:root {
  /* İnterfeys */
  --color-primary: #FFB300;
  --color-primary-light: #FFD84D;
  --color-highlight: rgba(255, 255, 255, 0.6);
  --color-highlight-soft: rgba(255, 255, 255, 0.28);
  --color-secondary: #5A3316;
  --color-bg: #7EC834;
  --color-bg-2: #FFF6DE;
  --color-white: #FFFFFF;
  --color-text: #3B2410;
  --color-text-2: #7A5A3A;
  --color-on-dark: #FFFFFF;
  --color-border: #5A3316;
  --color-border-soft: #E2D3B5;
  --color-success: #23A13A;
  --color-warning: #F2A100;
  --color-error: #D7392B;
  --color-focus: #1E6FD9;
  --color-track: #EADFC6;
  --color-disabled: #E6DCC8;
  --color-disabled-border: #B9A88C;
  --color-overlay: rgba(43, 26, 8, 0.55);
  --color-hint-bg: rgba(59, 36, 16, 0.92);

  /* Səhnə rəngləri */
  --art-sky-top: #2FB0FA;
  --art-sky-bottom: #BDEBFF;
  --art-sun: #FFD42A;
  --art-cloud: #FFFFFF;
  --art-hill: #8FD044;
  --art-hill-2: #6CBB34;
  --art-grass: #7EC834;
  --art-grass-light: #9BD843;
  --art-grass-dark: #5EA82A;
  --art-path: #EEC47A;
  --art-shadow: rgba(40, 60, 20, 0.22);
  --art-outline: #5A3316;
  --art-soil: #B5631F;
  --art-soil-side: #8E4616;
  --art-soil-dark: #6B3210;
  --art-soil-furrow: #97501A;
  --art-soil-light: #D4884A;
  --art-stone: #D9C29A;
  --art-sack: #E6BE7E;
  --art-sack-dark: #A97A3E;
  --art-bee: #FFC107;
  --art-bee-stripe: #3B2410;
  --art-wing: rgba(255, 255, 255, 0.85);
  --art-sparkle: #FFFFFF;
  --art-cheek: #F47B5E;
  --art-locked: #97D354;
  --art-locked-dark: #6DB536;
  --art-locked-darker: #58A02A;
  --art-stem: #36992A;
  --art-leaf: #4DB83A;
  --art-leaf-dark: #2E8A2A;
  --art-petal: #FFC107;
  --art-petal-dark: #F28C00;
  --art-disc: #6A3510;
  --art-disc-dot: #3D1C08;
  --art-seed: #2E2925;
  --art-seed-stripe: #E9E2D6;
  --art-roasted: #94501F;
  --art-steam: #FFFFFF;
  --art-wood: #DA8A3C;
  --art-wood-dark: #A0561C;
  --art-wall: #FBEACB;
  --art-wall-dark: #E9C487;
  --art-roof: #EE4224;
  --art-roof-dark: #B52A14;
  --art-roof-2: #A0562A;
  --art-roof-2-dark: #6E3818;
  --art-roof-3: #1FB3A6;
  --art-roof-3-dark: #14877E;
  --art-metal: #A3AEB9;
  --art-metal-dark: #6B7783;
  --art-fire: #FF7A1A;
  --art-smoke: #FFFFFF;
  --art-paper: #FFF9EA;
  --art-pin: #EE3B3B;
  --art-awning-a: #FFB800;
  --art-awning-b: #4A2510;
  --art-kiosk: #FFF1D2;
  --art-kiosk-back: #9A5522;
  --art-tree: #43AD36;
  --art-tree-dark: #2C842C;
  --art-tree-hl: #72CC42;
  --art-trunk: #8E5426;
  --art-gold: #FFCC1A;
  --art-gold-dark: #E09200;
  --art-ticket: #EE3B3B;
  --art-ticket-dark: #B5202A;
  --art-xp: #2E9BFF;
  --art-xp-dark: #1A72D6;
  --art-white: #FFFFFF;

  /* Şrift */
  --font-main: "Nunito", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Məsafə: baza 4px */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* Künclər */
  /* Netlify aşağı sağ küncə "Powered by Netlify" nişanı qoya bilər.
     Telefonda nişan olanda düymələr və səhnə onun üstünə qalxır, olmayanda yerində qalır.
     Pulsuz planda Netlify HTML-ə data-account-tier="free" yazır, nişan isə #nl-badge-frame-dir. */
  --badge-space: 0px;
  --scene-lift: 0px;

  --radius-s: 4px;
  --radius-m: 8px;
  --radius-l: 12px;
  --radius-xl: 16px;
  --radius-pill: 999px;

  /* Hərəkət */
  --dur: 200ms;
}

@media (max-width: 820px) {
  :root:has(script[data-account-tier="free"]),
  :root:has(#nl-badge-frame) { --badge-space: 52px; --scene-lift: 68px; }
}