@charset "UTF-8";

/* TerraPreta dark-only design tokens. */
:root {
  color-scheme: dark;
  --terra-bg: #1a1d29;
  --terra-bg-elevated: #252a38;
  --terra-bg-hover: #2a2f3d;
  --terra-section-bg: var(--terra-bg-elevated);
  --terra-footer-bg: var(--terra-bg-elevated);
  --terra-text: #f5f5f5;
  --terra-text-muted: #b0b6c4;
  --terra-primary: #ffc94d;
  --terra-primary-hover: #ffd56e;
  --terra-primary-on-light: #f8b42f;
  --terra-secondary: #b8d491;
  --terra-secondary-on-light: #556b2f;
  --terra-border: #2e3344;
  --terra-border-subtle: #232735;
  --terra-input-bg: #252a38;
  --terra-input-border: #2e3344;
  --terra-input-focus: #b8d491;
  --terra-input-placeholder: #6c7282;
  --terra-link: #b8d491;
  --terra-link-hover: #c8e0a4;
  --terra-menu-bg: #252a38;
  --terra-menu-bg-elevated: #252a38;
  --terra-selection-bg: #b8d491;
  --terra-selection-text: #1a1d29;
}

::selection {
  background: var(--terra-selection-bg);
  color: var(--terra-selection-text);
}

html,
body {
  background: var(--terra-bg);
  color: var(--terra-text);
}

a {
  color: var(--terra-link);
}

a:hover,
a:focus {
  color: var(--terra-link-hover);
}

input,
textarea,
select {
  color-scheme: dark;
}

input::placeholder,
textarea::placeholder {
  color: var(--terra-input-placeholder);
}

input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-text-fill-color: var(--terra-text);
  -webkit-box-shadow: 0 0 0 1000px var(--terra-input-bg) inset;
  box-shadow: 0 0 0 1000px var(--terra-input-bg) inset;
  caret-color: var(--terra-text);
}