:root {
  --lc-primary: #393c39;
  --lc-on-primary: #f2f7f1;
  --lc-secondary: #5f635f;
  --lc-on-secondary: #f2f7f1;
  --lc-tertiary: #9a9d9a;
  --lc-on-tertiary: #f2f7f1;
  --lc-quaternary: #f0f0f0;
  --lc-on-quaternary: #4a4d4a;
  --lc-background: #f0f0f0;
  --lc-on-background: #686d68;
  --lc-alt-background: #f2f7f1;
  --lc-on-alt-background: #7eac77;
  --lc-surface: #ffffff;
  --lc-on-surface: #354832;
  --lc-surface-disabled: #9a9d9a;
  --lc-on-surface-disabled: #f0f0f0;
  --lc-error: #cf3b0c;
  --lc-on-error: #f0f0f0;
  --lc-success: #7eac77;
  --lc-on-success: #f2f7f1;
  --lc-accent: #f58342;
  --lc-on-accent: #f0f0f0;
  --lc-warn: #fff2c2;
  --lc-on-warn: #2c2e2c;
}

@media (prefers-color-scheme: dark) {
  :root {
    --lc-primary: #f0f0f0;
    --lc-on-primary: #4a4d4a;
    --lc-secondary: #9a9d9a;
    --lc-on-secondary: #f0f0f0;
    --lc-tertiary: #5f635f;
    --lc-on-tertiary: #babcba;
    --lc-quaternary: #4a4d4a;
    --lc-on-quaternary: #babcba;
    --lc-background: #2c2e2c;
    --lc-on-background: #868a86;
    --lc-alt-background: #354832;
    --lc-on-alt-background: #739d6c;
    --lc-surface: #393c39;
    --lc-on-surface: #f0f0f0;
    --lc-surface-disabled: #686d68;
    --lc-on-surface-disabled: #babcba;
    --lc-error: #cf3b0c;
    --lc-on-error: #f0f0f0;
    --lc-success: #7eac77;
    --lc-on-success: #f2f7f1;
    --lc-accent: #f58342;
    --lc-on-accent: #f0f0f0;
    --lc-warn: #fff2c2;
    --lc-on-warn: #2c2e2c;
  }
}

/* Remove default browser focus outlines and selection highlights for all input elements */
input:focus,
textarea:focus,
select:focus,
button:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Remove the blue highlight/selection border that appears on focus */
input:focus-visible,
textarea:focus-visible,
select:focus-visible,
button:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

/* Specifically target phone input fields */
input[type="tel"]:focus,
input[type="phone"]:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Remove any webkit-specific focus styles */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Remove focus ring on all focusable elements */
*:focus {
  outline: none !important;
  box-shadow: none !important;
}

/* Specifically target react-native-phone-input elements */
.react-native-phone-input input:focus,
.react-native-phone-input-text:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}

/* Target any input inside phone input containers */
div[data-testid*="phone"] input:focus,
div[data-testid*="buyer-phone"] input:focus {
  outline: none !important;
  box-shadow: none !important;
  border-color: inherit !important;
}