@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400&family=Archivo+Black&display=swap";

:root {
  --background: 42 40% 96%;
  --foreground: 222 47% 12%;
  --card: 0 0% 100%;
  --card-foreground: 222 47% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 12%;
  --primary: 22 93% 47%;
  --primary-foreground: 40 40% 98%;
  --secondary: 40 28% 90%;
  --secondary-foreground: 222 47% 12%;
  --muted: 40 24% 91%;
  --muted-foreground: 224 16% 38%;
  --accent: 24 100% 93%;
  --accent-foreground: 222 47% 12%;
  --destructive: 0 72% 45%;
  --destructive-foreground: 0 0% 98%;
  --border: 34 20% 83%;
  --input: 34 20% 83%;
  --ring: 22 93% 47%;
  --radius: .75rem;
  --ink: 223 57% 9%;
  --ink-soft: 222 40% 14%;
  --sun: 42 97% 55%;
  --paper: 42 40% 96%;
  --sidebar-background: 42 40% 96%;
  --sidebar-foreground: 222 47% 12%;
  --sidebar-primary: 22 93% 47%;
  --sidebar-primary-foreground: 40 40% 98%;
  --sidebar-accent: 40 28% 90%;
  --sidebar-accent-foreground: 222 47% 12%;
  --sidebar-border: 34 20% 83%;
  --sidebar-ring: 22 93% 47%;
}

body {
  font-family: 'Archivo', ui-sans-serif, system-ui, sans-serif;
}

.font-display {
  font-family: 'Archivo Black', ui-sans-serif, system-ui, sans-serif;
  letter-spacing: -0.01em;
}

.marker {
  background: linear-gradient(120deg, hsl(var(--sun)/0.6) 0%, hsl(var(--sun)/0.6) 100%);
  background-repeat: no-repeat;
  background-size: 100% 45%;
  background-position: 0 88%;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  animation: marquee 35s linear infinite;
}