/* Privy Color Scheme Override */
/* Converting HSL to RGB values for CSS variables */

.dark,
.landing-page.dark,
:root {
  /* Background colors */
  --colors-background-bg1: 0 0 0; /* --privy-color-background: hsl(0, 0%, 0%) */
  --colors-background-bg2: 28 28 28; /* --privy-color-background-2: hsl(0, 0%, 11%) */
  --colors-background-bg1Accent01: 41 41 41; /* --privy-color-background-3: hsl(0, 0%, 16%) */
  --colors-background-bg1Accent02: 41 41 41; /* --privy-color-background-3: hsl(0, 0%, 16%) */
  
  /* Interactive background colors */
  --colors-interactive-interactiveBg: 41 41 41; /* --privy-color-background-3: hsl(0, 0%, 16%) */
  --colors-interactive-interactiveBgHover: 64 64 64; /* --privy-color-foreground-4: hsl(0, 0%, 25%) */
  --colors-interactive-interactiveBgActive: 77 77 77; /* slightly lighter */
  --colors-interactive-interactiveBgSelected: 77 77 77;
  --colors-interactive-interactive01: 28 28 28; /* --privy-color-background-2: hsl(0, 0%, 11%) */
  --colors-interactive-interactive01Hover: 41 41 41; /* --privy-color-background-3: hsl(0, 0%, 16%) */
  --colors-interactive-interactive01Active: 64 64 64;
  --colors-interactive-interactive01Selected: 77 77 77;
  --colors-interactive-interactive02: 41 41 41;
  --colors-interactive-interactive02Hover: 64 64 64;
  --colors-interactive-interactive02Active: 77 77 77;
  --colors-interactive-interactive02Selected: 92 92 92;
  --colors-interactive-interactivePopup: 64 64 64;
  
  /* Text colors */
  --colors-t-primary: 222 222 222; /* --privy-color-foreground: hsl(0, 0%, 87%) */
  --colors-t-secondary: 191 191 191; /* --privy-color-foreground-2: hsl(0, 0%, 75%) */
  --colors-t-third: 115 115 115; /* --privy-color-foreground-3: hsl(0, 0%, 45%) */
  --colors-t-disabled: 64 64 64; /* --privy-color-foreground-4: hsl(0, 0%, 25%) */
  --colors-t-placeholder: 115 115 115;
  --colors-t-onColor: 255 255 255; /* --privy-color-foreground-accent: hsl(0, 0%, 100%) */
  --colors-t-consistent: 255 255 255;
  --colors-t-inverse: 0 0 0;
  --colors-t-white: 255 255 255;
  
  /* Accent colors (Privy teal) */
  --colors-interactive-primary: 80 210 193; /* --privy-color-accent: hsl(172, 47%, 36%) */
  --colors-interactive-primaryHover: 78 165 152; /* --privy-color-accent-light: hsl(172, 47%, 51%) */
  --colors-interactive-primaryActive: 94 185 171; /* --privy-color-accent-lightest: hsl(172, 47%, 61%) */
  --colors-interactive-primaryAccent01: 41 115 103; /* --privy-color-accent-dark: hsl(172, 47%, 30%) */
  --colors-interactive-primaryAccent02: 0 0 0; /* --privy-color-accent-darkest: hsl(0, 0%, 0%) */
  --colors-interactive-primaryGradient: 49 135 123;
  
  /* Link colors - using accent */
  --colors-t-link: 78 165 152; /* --privy-color-accent-light */
  --colors-t-linkHover: 94 185 171; /* --privy-color-accent-lightest */
  
  /* Border colors */
  --colors-border-line: 64 64 64; /* --privy-color-foreground-4: hsl(0, 0%, 25%) */
  --colors-border-lineSubtle: 41 41 41; /* --privy-color-background-3: hsl(0, 0%, 16%) */
  --colors-border-lineStrong: 115 115 115; /* --privy-color-foreground-3: hsl(0, 0%, 45%) */
  
  /* Support colors */
  --colors-support-success: 118 181 154; /* --privy-color-success: hsl(147, 43%, 52%) - RGB: 118, 181, 154 */
  --colors-support-error: 239 120 120; /* --privy-color-error: hsl(7, 80%, 62%) - RGB: 239, 120, 120 */
  --colors-support-warning: 255 204 102; /* --privy-color-warn: hsl(36, 100%, 65%) - RGB: 255, 204, 102 */
  
  /* Text colors for support */
  --colors-t-buy: 118 181 154; /* success color */
  --colors-t-sell: 239 120 120; /* error color */
  --colors-t-error: 239 120 120;
  --colors-t-emphasize: 255 204 102; /* warn color */
  
  /* Interactive colors for buy/sell - using success/error colors */
  --colors-interactive-buy: 118 181 154; /* success */
  --colors-interactive-buyHover: 138 201 174; /* lighter success */
  --colors-interactive-buyActive: 158 221 194; /* even lighter */
  --colors-interactive-buyGradient: linear-gradient(90deg, rgb(118, 181, 154), rgb(98, 161, 134));
  --colors-interactive-buyAccent01: 98 161 134;
  
  --colors-interactive-sell: 239 120 120; /* error */
  --colors-interactive-sellHover: 249 140 140; /* lighter error */
  --colors-interactive-sellActive: 255 150 150; /* even lighter */
  --colors-interactive-sellGradient: linear-gradient(90deg, rgb(239, 120, 120), rgb(219, 100, 100));
  --colors-interactive-sellAccent01: 219 100 100;
  
  /* Disabled */
  --colors-interactive-disabled: 64 64 64;
  
  /* Other */
  --colors-highLight: 94 185 171; /* accent-lightest */
  --colors-overlay: rgba(0, 0, 0, 0.5);
  --colors-t-dark: 0 0 0;
}

/* Light theme (if needed) */
.light {
  /* Background colors */
  --colors-background-bg1: 255 255 255; /* white */
  --colors-background-bg2: 245 245 245; /* very light gray */
  --colors-background-bg1Accent01: 235 235 235;
  --colors-background-bg1Accent02: 235 235 235;
  
  /* Interactive background colors */
  --colors-interactive-interactiveBg: 250 250 250;
  --colors-interactive-interactiveBgHover: 240 240 240;
  --colors-interactive-interactiveBgActive: 230 230 230;
  --colors-interactive-interactiveBgSelected: 220 220 220;
  --colors-interactive-interactive01: 245 245 245;
  --colors-interactive-interactive01Hover: 235 235 235;
  --colors-interactive-interactive01Active: 225 225 225;
  --colors-interactive-interactive01Selected: 215 215 215;
  --colors-interactive-interactive02: 240 240 240;
  --colors-interactive-interactive02Hover: 230 230 230;
  --colors-interactive-interactive02Active: 220 220 220;
  --colors-interactive-interactive02Selected: 210 210 210;
  --colors-interactive-interactivePopup: 255 255 255;
  
  /* Text colors */
  --colors-t-primary: 0 0 0; /* black */
  --colors-t-secondary: 64 64 64; /* dark gray */
  --colors-t-third: 115 115 115; /* medium gray */
  --colors-t-disabled: 191 191 191; /* light gray */
  --colors-t-placeholder: 191 191 191;
  --colors-t-onColor: 255 255 255;
  --colors-t-consistent: 0 0 0;
  --colors-t-inverse: 255 255 255;
  --colors-t-white: 255 255 255;
  
  /* Accent colors */
  --colors-interactive-primary: 49 135 123; /* same teal */
  --colors-interactive-primaryHover: 78 165 152;
  --colors-interactive-primaryActive: 94 185 171;
  --colors-interactive-primaryAccent01: 41 115 103;
  --colors-interactive-primaryAccent02: 0 0 0;
  --colors-interactive-primaryGradient: 49 135 123;
  
  /* Link colors */
  --colors-t-link: 49 135 123;
  --colors-t-linkHover: 78 165 152;
  
  /* Border colors */
  --colors-border-line: 220 220 220;
  --colors-border-lineSubtle: 240 240 240;
  --colors-border-lineStrong: 200 200 200;
  
  /* Support colors */
  --colors-support-success: 118 181 154;
  --colors-support-error: 239 120 120;
  --colors-support-warning: 255 204 102;
  
  /* Text colors for support */
  --colors-t-buy: 118 181 154;
  --colors-t-sell: 239 120 120;
  --colors-t-error: 239 120 120;
  --colors-t-emphasize: 255 204 102;
  
  /* Interactive colors for buy/sell */
  --colors-interactive-buy: 118 181 154;
  --colors-interactive-buyHover: 138 201 174;
  --colors-interactive-buyActive: 158 221 194;
  --colors-interactive-buyGradient: linear-gradient(90deg, rgb(118, 181, 154), rgb(98, 161, 134));
  --colors-interactive-buyAccent01: 98 161 134;
  
  --colors-interactive-sell: 239 120 120;
  --colors-interactive-sellHover: 249 140 140;
  --colors-interactive-sellActive: 255 150 150;
  --colors-interactive-sellGradient: linear-gradient(90deg, rgb(239, 120, 120), rgb(219, 100, 100));
  --colors-interactive-sellAccent01: 219 100 100;
  
  /* Disabled */
  --colors-interactive-disabled: 191 191 191;
  
  /* Other */
  --colors-highLight: 94 185 171;
  --colors-overlay: rgba(0, 0, 0, 0.5);
  --colors-t-dark: 0 0 0;
}