@import url("./index.css");

@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400..900&family=Inter:wght@300;400;500;600&family=Roboto:ital,wght@0,100..900;1,100..900&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&display=swap");

:root {
  /* Base Colors */
  --background: oklch(0.985 0.01 145);
  --foreground: oklch(0.25 0.03 145);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.25 0.03 145);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.25 0.03 145);

  /* Primary Brand (Green) */
  --primary: oklch(0.65 0.18 145);
  --primary-foreground: oklch(1 0 0);

  /* Secondary / Muted */
  --secondary: oklch(0.95 0.02 145);
  --secondary-foreground: oklch(0.25 0.03 145);
  --muted: oklch(0.96 0.01 145);
  --muted-foreground: oklch(0.55 0.03 145);
  --accent: oklch(0.92 0.04 145);
  --accent-foreground: oklch(0.65 0.18 145);

  /* Status / Borders */
  --destructive: oklch(0.58 0.22 25);
  /* keep red for errors */
  --destructive-foreground: oklch(1 0 0);
  --border: oklch(0.92 0.01 145);
  --input: oklch(0.92 0.01 145);
  --ring: oklch(0.65 0.18 145);

  /* Charts (green variations) */
  --chart-1: oklch(0.65 0.18 145);
  --chart-2: oklch(0.7 0.15 160);
  --chart-3: oklch(0.6 0.2 130);
  --chart-4: oklch(0.75 0.12 150);
  --chart-5: oklch(0.85 0.08 170);

  /* Sidebar */
  --sidebar: oklch(0.985 0.01 145);
  --sidebar-foreground: oklch(0.25 0.03 145);
  --sidebar-primary: oklch(0.65 0.18 145);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.92 0.04 145);
  --sidebar-accent-foreground: oklch(0.25 0.03 145);
  --sidebar-border: oklch(0.92 0.01 145);
  --sidebar-ring: oklch(0.65 0.18 145);

  --radius: 0.75rem;

  --font-sans: Plus Jakarta Sans, sans-serif;
  --font-serif: "Roboto", sans-serif;
  --font-mono: IBM Plex Mono, monospace;
}