@tailwind base;
@tailwind components;
@tailwind utilities;

:root { color-scheme: dark; }
body { @apply bg-black text-white font-mont; }

.container-1920 {@apply w-full h-screen mx-auto relative overflow-hidden;}
.left-half  { @apply absolute left-[120px] right-1/2; }
.right-half { @apply absolute left-1/2; }

.btn { @apply inline-flex items-center justify-center rounded-2xl bg-brand-primary h-[64px] w-[280px] font-semibold; }
.dot { @apply w-4 h-4 rounded-full; }
.dot-inactive { @apply bg-white/50; }
.dot-active   { @apply bg-white; }

.card-big { @apply rounded-[30px] overflow-hidden border-[9px] border-white shadow-card; }
.card-sm  { @apply rounded-[30px] overflow-hidden shadow-card; }

.debug-centerline::after { content: ""; @apply absolute inset-y-0 left-1/2 w-px bg-red-500/40; }