@import "tailwindcss";

/*
 * Placeholder tokens — TODO replace with real values pulled from the Figma
 * design-system page (get_variable_defs) once file access is granted.
 */
:root {
  --background: #ffffff;
  --foreground: #171717;
  --primary: #16a34a;
  --primary-foreground: #ffffff;
  --secondary: #f1f5f9;
  --secondary-foreground: #171717;
  --muted: #f1f5f9;
  --muted-foreground: #6b7280;
  --border: #e5e7eb;
  --destructive: #dc2626;
  --destructive-foreground: #ffffff;
}

@theme inline {
  --color-background: var(--background);
  --color-foreground: var(--foreground);
  --color-primary: var(--primary);
  --color-primary-foreground: var(--primary-foreground);
  --color-secondary: var(--secondary);
  --color-secondary-foreground: var(--secondary-foreground);
  --color-muted: var(--muted);
  --color-muted-foreground: var(--muted-foreground);
  --color-border: var(--border);
  --color-destructive: var(--destructive);
  --color-destructive-foreground: var(--destructive-foreground);
  --font-sans: var(--font-vazirmatn);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
    --secondary: #1f2937;
    --secondary-foreground: #ededed;
    --muted: #1f2937;
    --muted-foreground: #9ca3af;
    --border: #27272a;
  }
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: var(--font-sans), system-ui, sans-serif;
}