/* [project]/apps/mercato/src/app/agrimporta-theme.css [app-client] (css) */
:root {
  --font-geist-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, ui-sans-serif, sans-serif;
  --background: #fafaf8;
  --foreground: #14231a;
  --card: #fff;
  --card-foreground: #14231a;
  --popover: #fff;
  --popover-foreground: #14231a;
  --primary: #132a13;
  --primary-foreground: #f4f0eb;
  --primary-hover: #1a381a;
  --brand-violet: #15803d;
  --brand-violet-foreground: #f4f0eb;
  --accent-indigo: #008138;
  --accent-indigo-foreground: #fff;
  --ring: #16a34a;
  --secondary: #efebe3;
  --secondary-foreground: #14231a;
  --muted: #efebe3;
  --muted-foreground: #566152;
  --accent: #efebe3;
  --accent-foreground: #14231a;
  --border: #ded8cc;
  --input: #ded8cc;
  --sidebar: #f2eee7;
  --sidebar-foreground: #14231a;
  --sidebar-primary: #132a13;
  --sidebar-primary-foreground: #f4f0eb;
  --sidebar-accent: #e1ebd9;
  --sidebar-accent-foreground: #15803d;
  --sidebar-border: #ded8cc;
  --sidebar-ring: #16a34a;
  --brand-lime: #e1ebd9;
}

@supports (color: lab(0% 0 0)) {
  :root {
    --accent-indigo: lab(47.0329% -47.0239 31.4788);
    --accent-indigo-foreground: lab(100% 0 0);
  }
}

.dark {
  --background: #10180f;
  --foreground: #f4f0eb;
  --card: #18241a;
  --card-foreground: #f4f0eb;
  --popover: #18241a;
  --popover-foreground: #f4f0eb;
  --primary: #22c55e;
  --primary-foreground: #0a140a;
  --primary-hover: #16a34a;
  --brand-violet: #34d058;
  --brand-violet-foreground: #0a140a;
  --accent-indigo: #00c758;
  --accent-indigo-foreground: #0a140a;
  --ring: #22c55e;
  --secondary: #232f23;
  --secondary-foreground: #f4f0eb;
  --muted: #232f23;
  --muted-foreground: #a6b0a0;
  --accent: #232f23;
  --accent-foreground: #f4f0eb;
  --border: #f4f0eb1f;
  --input: #f4f0eb26;
  --sidebar: #0d140c;
  --sidebar-foreground: #f4f0eb;
  --sidebar-primary: #22c55e;
  --sidebar-primary-foreground: #0a140a;
  --sidebar-accent: #1e2c1e;
  --sidebar-accent-foreground: #6ee787;
  --sidebar-border: #f4f0eb1f;
  --sidebar-ring: #22c55e;
}

@supports (color: lab(0% 0 0)) {
  .dark {
    --accent-indigo: lab(70.5521% -66.5147 45.8073);
    --accent-indigo-foreground: lab(5.32912% -4.8942 3.69588);
  }
}

.auth-surface {
  background: radial-gradient(58% 50% at 50% -8%, color-mix(in oklab, var(--brand-lime) 55%, transparent), transparent 72%),
    radial-gradient(42% 45% at 108% 108%, color-mix(in oklab, var(--primary) 6%, transparent), transparent 70%),
    var(--background);
}

.dark .auth-surface {
  background: radial-gradient(58% 50% at 50% -8%, color-mix(in oklab, var(--primary) 22%, transparent), transparent 72%),
    var(--background);
}