/* Matcha Theme - Green color palette inspired by matcha tea */

/* Matcha Color Palette */
:root {
  --matcha-black: #0e1817;
  --matcha-black-rgb: 15,20,25;
  --matcha-paper: #F7F9F4;
  --matcha-paper-rgb: 247,249,244;
  --matcha-200-rgb: 180,200,160;
  --matcha-50: #F0F4ED;
  --matcha-100: #E8F0E0;
  --matcha-150: #DDE8D0;
  --matcha-200: #B4C8A0;
  --matcha-300: #9BB085;
  --matcha-400: #7A9665;
  --matcha-500: #5C7A4A;
  --matcha-600: #4A6339;
  --matcha-700: #3A4D2C;
  --matcha-800: #2B3821;
  --matcha-850: #232D1C;
  --matcha-900: #1B2217;
  --matcha-950: #141A11;
  --matcha-red-50: #FEF2F2;
  --matcha-red-100: #FEE2E2;
  --matcha-red-150: #FECACA;
  --matcha-red-200: #FCA5A5;
  --matcha-red-300: #F87171;
  --matcha-red-400: #EF4444;
  --matcha-red-500: #DC2626;
  --matcha-red-600: #B91C1C;
  --matcha-red-700: #991B1B;
  --matcha-red-800: #7F1D1D;
  --matcha-red-850: #6B1A1A;
  --matcha-red-900: #5A1616;
  --matcha-red-950: #3F0F0F;
  --matcha-orange-50: #FFF7ED;
  --matcha-orange-100: #FFEDD5;
  --matcha-orange-150: #FED7AA;
  --matcha-orange-200: #FDBA74;
  --matcha-orange-300: #FB923C;
  --matcha-orange-400: #F97316;
  --matcha-orange-500: #EA580C;
  --matcha-orange-600: #DC2626;
  --matcha-orange-700: #B45309;
  --matcha-orange-800: #92400E;
  --matcha-orange-850: #78350F;
  --matcha-orange-900: #451A03;
  --matcha-orange-950: #2D1B00;
  --matcha-yellow-50: #FEFCE8;
  --matcha-yellow-100: #FEF3C7;
  --matcha-yellow-150: #FDE68A;
  --matcha-yellow-200: #FCD34D;
  --matcha-yellow-300: #FBBF24;
  --matcha-yellow-400: #F59E0B;
  --matcha-yellow-500: #D97706;
  --matcha-yellow-600: #B45309;
  --matcha-yellow-700: #92400E;
  --matcha-yellow-800: #78350F;
  --matcha-yellow-850: #451A03;
  --matcha-yellow-900: #2D1B00;
  --matcha-yellow-950: #1F1200;
  --matcha-green-50: #F0FDF4;
  --matcha-green-100: #DCFCE7;
  --matcha-green-150: #BBF7D0;
  --matcha-green-200: #86EFAC;
  --matcha-green-300: #4ADE80;
  --matcha-green-400: #22C55E;
  --matcha-green-500: #16A34A;
  --matcha-green-600: #15803D;
  --matcha-green-700: #166534;
  --matcha-green-800: #14532D;
  --matcha-green-850: #052E16;
  --matcha-green-900: #052E16;
  --matcha-green-950: #052E16;
  --matcha-cyan-50: #ECFEFF;
  --matcha-cyan-100: #CFFAFE;
  --matcha-cyan-150: #A5F3FC;
  --matcha-cyan-200: #67E8F9;
  --matcha-cyan-300: #22D3EE;
  --matcha-cyan-400: #06B6D4;
  --matcha-cyan-500: #0891B2;
  --matcha-cyan-600: #0E7490;
  --matcha-cyan-700: #155E75;
  --matcha-cyan-800: #164E63;
  --matcha-cyan-850: #083344;
  --matcha-cyan-900: #083344;
  --matcha-cyan-950: #083344;
  --matcha-blue-50: #EFF6FF;
  --matcha-blue-100: #DBEAFE;
  --matcha-blue-150: #BFDBFE;
  --matcha-blue-200: #93C5FD;
  --matcha-blue-300: #60A5FA;
  --matcha-blue-400: #3B82F6;
  --matcha-blue-500: #2563EB;
  --matcha-blue-600: #1D4ED8;
  --matcha-blue-700: #1E40AF;
  --matcha-blue-800: #1E3A8A;
  --matcha-blue-850: #172554;
  --matcha-blue-900: #172554;
  --matcha-blue-950: #172554;
  --matcha-purple-50: #FAF5FF;
  --matcha-purple-100: #F3E8FF;
  --matcha-purple-150: #E9D5FF;
  --matcha-purple-200: #DDD6FE;
  --matcha-purple-300: #C4B5FD;
  --matcha-purple-400: #A78BFA;
  --matcha-purple-500: #8B5CF6;
  --matcha-purple-600: #7C3AED;
  --matcha-purple-700: #6D28D9;
  --matcha-purple-800: #5B21B6;
  --matcha-purple-850: #4C1D95;
  --matcha-purple-900: #4C1D95;
  --matcha-purple-950: #4C1D95;
  --matcha-magenta-50: #FDF2F8;
  --matcha-magenta-100: #FCE7F3;
  --matcha-magenta-150: #FBCFE8;
  --matcha-magenta-200: #F9A8D4;
  --matcha-magenta-300: #F472B6;
  --matcha-magenta-400: #EC4899;
  --matcha-magenta-500: #DB2777;
  --matcha-magenta-600: #BE185D;
  --matcha-magenta-700: #9D174D;
  --matcha-magenta-800: #831843;
  --matcha-magenta-850: #500724;
  --matcha-magenta-900: #500724;
  --matcha-magenta-950: #500724;
}

/* Matcha Light Theme */
.theme-matcha-light {
  --color-bg-primary: var(--matcha-paper);
  --color-bg-primary-rgb: var(--matcha-paper-rgb);
  --color-inverted-rgb: var(--matcha-black-rgb);
  --color-bg-secondary: var(--matcha-50);
  --color-tx-normal: var(--matcha-black);
  --color-tx-normal-rgb: var(--matcha-black-rgb);
  --color-tx-muted: var(--matcha-600);
  --color-tx-faint: var(--matcha-300);
  --color-ui-normal: var(--matcha-100);
  --color-ui-hover: var(--matcha-150);
  --color-ui-active: var(--matcha-200);
  --color-ui-muted: var(--matcha-150);
  --color-highlight: var(--matcha-yellow-100);
  --color-action: var(--matcha-green-600);
  --color-bg-hover: var(--matcha-green-50);
  --color-selection: rgba(34,197,94,0.3);
  --color-re: var(--matcha-red-600);
  --color-re-hover: var(--matcha-red-400);
  --color-or: var(--matcha-orange-600);
  --color-or-hover: var(--matcha-orange-400);
  --color-ye: var(--matcha-yellow-600);
  --color-ye-hover: var(--matcha-yellow-400);
  --color-gr: var(--matcha-green-600);
  --color-gr-hover: var(--matcha-green-400);
  --color-cy: var(--matcha-cyan-600);
  --color-cy-hover: var(--matcha-cyan-400);
  --color-bl: var(--matcha-blue-600);
  --color-bl-hover: var(--matcha-blue-400);
  --color-pu: var(--matcha-purple-600);
  --color-pu-hover: var(--matcha-purple-400);
  --color-ma: var(--matcha-magenta-600);
  --color-ma-hover: var(--matcha-magenta-400);
}

/* Matcha Dark Theme */
.theme-matcha-dark {
  --color-bg-primary: var(--matcha-black);
  --color-bg-primary-rgb: var(--matcha-black-rgb);
  --color-inverted-rgb: var(--matcha-paper-rgb);
  --color-bg-secondary: var(--matcha-950);
  --color-tx-normal: var(--matcha-200);
  --color-tx-normal-rgb: var(--matcha-200-rgb);
  --color-tx-muted: var(--matcha-300);
  --color-tx-faint: var(--matcha-700);
  --color-ui-normal: var(--matcha-900);
  --color-ui-hover: var(--matcha-850);
  --color-ui-active: var(--matcha-800);
  --color-ui-muted: var(--matcha-800);
  --color-highlight: var(--matcha-yellow-900);
  --color-action: var(--matcha-green-400);
  --color-bg-hover: var(--matcha-green-950);
  --color-selection: rgba(34,197,94,0.3);
  --color-re: var(--matcha-red-400);
  --color-re-hover: var(--matcha-red-600);
  --color-or: var(--matcha-orange-400);
  --color-or-hover: var(--matcha-orange-600);
  --color-ye: var(--matcha-yellow-400);
  --color-ye-hover: var(--matcha-yellow-600);
  --color-gr: var(--matcha-green-400);
  --color-gr-hover: var(--matcha-green-600);
  --color-cy: var(--matcha-cyan-400);
  --color-cy-hover: var(--matcha-cyan-600);
  --color-bl: var(--matcha-blue-400);
  --color-bl-hover: var(--matcha-blue-600);
  --color-pu: var(--matcha-purple-400);
  --color-pu-hover: var(--matcha-purple-600);
  --color-ma: var(--matcha-magenta-400);
  --color-ma-hover: var(--matcha-magenta-600);
}