/* ЗГЕНЕРОВАНО з theme/tokens.ts застосунку — НЕ редагувати руками.
   Перегенерувати в репо застосунку: UPDATE_SITE_TOKENS=1 npx jest siteTokens
   Тема ставиться на <html> скриптом js/theme-boot.js до першого кадру. */

/* Без JS: світла або системна темна. */
:root {
  color-scheme: light;
  --background: #FAFAF7;
  --foreground: #111111;
  --muted-foreground: #666666;
  --card: #FFFFFF;
  --muted: #F5F5F0;
  --border: #E0E0D8;
  --panel: #F0F7E6;
  --primary: #3B6D11;
  --primary-foreground: #FFFFFF;
  --primary-subtle: #EAF3DE;
  --primary-subtle-foreground: #27500A;
  --primary-border: #B8DE8F;
  --success: #3B6D11;
  --success-subtle: #EAF3DE;
  --success-subtle-foreground: #27500A;
  --warning: #EF9F27;
  --warning-foreground: #1A3A06;
  --warning-subtle: #FAEEDA;
  --warning-subtle-foreground: #633806;
  --destructive: #993C1D;
  --destructive-subtle: #FAECE7;
  --info: #185FA5;
  --info-subtle: #E6F1FB;
  --premium: #F59E0B;
  --premium-foreground: #1A3A06;
  --ai: #6366F1;
  --ai-subtle: #EEF2FF;
  --bloom-subtle: #FFE8F3;
  --bloom-subtle-foreground: #6E2646;
  --inverse: #333333;
  --inverse-foreground: #FFFFFF;
  --primary-gradient-from: #3B6D11;
  --primary-gradient-via: #2D5A0D;
  --primary-gradient-to: #1E3D08;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    color-scheme: dark;
    --background: #0F1A08;
    --foreground: #EEEEEE;
    --muted-foreground: #AAAAAA;
    --card: #1E2718;
    --muted: #1A2E10;
    --border: #334A28;
    --panel: #152208;
    --primary: #8FCC52;
    --primary-foreground: #111111;
    --primary-subtle: #1A3A0A;
    --primary-subtle-foreground: #B8DE8F;
    --primary-border: #2A5210;
    --success: #4DA317;
    --success-subtle: #1A3A0A;
    --success-subtle-foreground: #B8DE8F;
    --warning: #F5C04A;
    --warning-foreground: #1A3A06;
    --warning-subtle: #3A2A08;
    --warning-subtle-foreground: #FCD34D;
    --destructive: #FF6B4A;
    --destructive-subtle: #3A1A10;
    --info: #4DA3FF;
    --info-subtle: #0A1E3A;
    --premium: #F5C04A;
    --premium-foreground: #1A3A06;
    --ai: #A5B4FC;
    --ai-subtle: #1A1A30;
    --bloom-subtle: #4E1E2F;
    --bloom-subtle-foreground: #FFB6D5;
    --inverse: #2A3A1E;
    --inverse-foreground: #EEEEEE;
    --primary-gradient-from: #8FCC52;
    --primary-gradient-via: #6BB82E;
    --primary-gradient-to: #4A8514;
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  --background: #FAFAF7;
  --foreground: #111111;
  --muted-foreground: #666666;
  --card: #FFFFFF;
  --muted: #F5F5F0;
  --border: #E0E0D8;
  --panel: #F0F7E6;
  --primary: #3B6D11;
  --primary-foreground: #FFFFFF;
  --primary-subtle: #EAF3DE;
  --primary-subtle-foreground: #27500A;
  --primary-border: #B8DE8F;
  --success: #3B6D11;
  --success-subtle: #EAF3DE;
  --success-subtle-foreground: #27500A;
  --warning: #EF9F27;
  --warning-foreground: #1A3A06;
  --warning-subtle: #FAEEDA;
  --warning-subtle-foreground: #633806;
  --destructive: #993C1D;
  --destructive-subtle: #FAECE7;
  --info: #185FA5;
  --info-subtle: #E6F1FB;
  --premium: #F59E0B;
  --premium-foreground: #1A3A06;
  --ai: #6366F1;
  --ai-subtle: #EEF2FF;
  --bloom-subtle: #FFE8F3;
  --bloom-subtle-foreground: #6E2646;
  --inverse: #333333;
  --inverse-foreground: #FFFFFF;
  --primary-gradient-from: #3B6D11;
  --primary-gradient-via: #2D5A0D;
  --primary-gradient-to: #1E3D08;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --background: #0F1A08;
  --foreground: #EEEEEE;
  --muted-foreground: #AAAAAA;
  --card: #1E2718;
  --muted: #1A2E10;
  --border: #334A28;
  --panel: #152208;
  --primary: #8FCC52;
  --primary-foreground: #111111;
  --primary-subtle: #1A3A0A;
  --primary-subtle-foreground: #B8DE8F;
  --primary-border: #2A5210;
  --success: #4DA317;
  --success-subtle: #1A3A0A;
  --success-subtle-foreground: #B8DE8F;
  --warning: #F5C04A;
  --warning-foreground: #1A3A06;
  --warning-subtle: #3A2A08;
  --warning-subtle-foreground: #FCD34D;
  --destructive: #FF6B4A;
  --destructive-subtle: #3A1A10;
  --info: #4DA3FF;
  --info-subtle: #0A1E3A;
  --premium: #F5C04A;
  --premium-foreground: #1A3A06;
  --ai: #A5B4FC;
  --ai-subtle: #1A1A30;
  --bloom-subtle: #4E1E2F;
  --bloom-subtle-foreground: #FFB6D5;
  --inverse: #2A3A1E;
  --inverse-foreground: #EEEEEE;
  --primary-gradient-from: #8FCC52;
  --primary-gradient-via: #6BB82E;
  --primary-gradient-to: #4A8514;
}