/* Istmo Code tokens: same values as src/app/globals.css on istmocode.com (selva/istmo, Onest). */
@import url("https://fonts.googleapis.com/css2?family=Onest:wght@400;500;600&display=swap");
:root {
  --selva-100: #F1F4F2; --selva-400: #A3A5A3; --selva-500: #787B79; --selva-800: #212322; --selva-900: #121413; --selva-950: #090B09;
  --istmo-300: #65E0A0; --istmo-400: #3BC785; --istmo-600: #078A56; --istmo-700: #006D42; --istmo-950: #002111;
  --color-bg: #FFFFFF; --color-surface: #FFFFFF; --color-surface-2: #F1F4F2; --color-border: #E4E7E5; --color-border-strong: #787B79;
  --color-text: #090B09; --color-text-2: #3B3E3C; --color-text-muted: #595B5A; --color-accent: #006D42; --color-accent-bg: #E5FEEE;
  --color-danger: #A63131; --shadow-focus: 0 0 0 2px #FFFFFF, 0 0 0 4px #078A56;
  --font-brand: "Onest", ui-sans-serif, system-ui, sans-serif;
}
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --color-bg: #090B09; --color-surface: #121413; --color-surface-2: #090B09; --color-border: #3B3E3C;
    --color-text: #F9FCFA; --color-text-2: #D2D5D3; --color-text-muted: #A3A5A3; --color-accent: #3BC785; --color-accent-bg: #002111;
    --color-danger: #FF9088; --shadow-focus: 0 0 0 2px #090B09, 0 0 0 4px #3BC785;
  }
}
::selection { background: var(--istmo-700); color: #FFFFFF; }
* { scrollbar-width: thin; scrollbar-color: var(--color-border) transparent; }
.logo { display: block; width: 84px; aspect-ratio: 1513 / 762; background: currentColor; -webkit-mask: url(/logo.svg) center / contain no-repeat; mask: url(/logo.svg) center / contain no-repeat; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 48px; padding: 0 20px; border: 0; border-radius: 8px; background: var(--istmo-700); color: #FFFFFF; font: 500 15px/1.2 var(--font-brand); text-decoration: none; cursor: pointer; transition: background-color .15s ease-out; }
.btn:hover { background: var(--istmo-600); }
.btn:disabled { opacity: .6; cursor: default; }
.btn svg { flex: none; }