/* [project]/src/app/globals.css [app-client] (css) */
@theme {
  /* Gebi brand colors from gebi.rs */
  --color-gebi-navy: #1d3557;
  --color-gebi-blue: #457b9d;
  --color-gebi-light: #a8dadc;
  --color-gebi-cream: #f1faee;
  --color-gebi-red: #e63946;

  /* shadcn/ui CSS variable tokens */
  --color-background: hsl(var(--background));
  --color-foreground: hsl(var(--foreground));
  --color-card: hsl(var(--card));
  --color-card-foreground: hsl(var(--card-foreground));
  --color-popover: hsl(var(--popover));
  --color-popover-foreground: hsl(var(--popover-foreground));
  --color-primary: hsl(var(--primary));
  --color-primary-foreground: hsl(var(--primary-foreground));
  --color-secondary: hsl(var(--secondary));
  --color-secondary-foreground: hsl(var(--secondary-foreground));
  --color-muted: hsl(var(--muted));
  --color-muted-foreground: hsl(var(--muted-foreground));
  --color-accent: hsl(var(--accent));
  --color-accent-foreground: hsl(var(--accent-foreground));
  --color-destructive: hsl(var(--destructive));
  --color-destructive-foreground: hsl(var(--destructive-foreground));
  --color-border: hsl(var(--border));
  --color-input: hsl(var(--input));
  --color-ring: hsl(var(--ring));

  --radius-lg: var(--radius);
  --radius-md: calc(var(--radius) - 2px);
  --radius-sm: calc(var(--radius) - 4px);
}

@layer base {
  :root {
    --background: 0 0% 100%;
    --foreground: 213 50% 10%;
    --card: 0 0% 100%;
    --card-foreground: 213 50% 10%;
    --popover: 0 0% 100%;
    --popover-foreground: 213 50% 10%;
    --primary: 213 50% 23%;
    --primary-foreground: 0 0% 98%;
    --secondary: 210 40% 96%;
    --secondary-foreground: 213 50% 23%;
    --muted: 210 40% 96%;
    --muted-foreground: 215 16% 47%;
    --accent: 205 41% 45%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 84% 60%;
    --destructive-foreground: 0 0% 98%;
    --border: 214 32% 91%;
    --input: 214 32% 91%;
    --ring: 213 50% 23%;
    --radius: .5rem;
  }

  .dark {
    --background: 213 50% 10%;
    --foreground: 0 0% 98%;
    --card: 213 40% 13%;
    --card-foreground: 0 0% 98%;
    --primary: 210 40% 70%;
    --primary-foreground: 213 50% 10%;
    --secondary: 213 35% 18%;
    --secondary-foreground: 0 0% 98%;
    --muted: 213 35% 18%;
    --muted-foreground: 215 20% 65%;
    --accent: 205 41% 55%;
    --accent-foreground: 0 0% 98%;
    --destructive: 0 63% 50%;
    --destructive-foreground: 0 0% 98%;
    --border: 213 35% 20%;
    --input: 213 35% 20%;
    --ring: 212 27% 84%;
  }

  @apply border-border;

  @apply bg-background text-foreground;

  body {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, sans-serif;
  }
}

/*# sourceMappingURL=src_app_globals_0p2ml0n.css.map*/