/* ============================================
   realm-fintech.css
   ============================================
   Dark mode. Electric green accents.
   Space Grotesk font. Sharp radii.
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
    /* Typography */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Space Grotesk', sans-serif;

    /* Core palette — dark with electric green */
    --background: oklch(0.16 0.02 260);
    --foreground: oklch(0.92 0.01 260);

    --card: oklch(0.20 0.025 260);
    --card-foreground: oklch(0.92 0.01 260);

    --popover: oklch(0.20 0.025 260);
    --popover-foreground: oklch(0.92 0.01 260);

    --primary: oklch(0.80 0.22 155);
    --primary-foreground: oklch(0.16 0.02 260);

    --secondary: oklch(0.22 0.025 260);
    --secondary-foreground: oklch(0.92 0.01 260);

    --muted: oklch(0.22 0.025 260);
    --muted-foreground: oklch(0.60 0.03 260);

    --accent: oklch(0.22 0.025 260);
    --accent-foreground: oklch(0.92 0.01 260);

    --destructive: oklch(0.60 0.22 15);
    --destructive-foreground: oklch(0.95 0 0);

    --border: oklch(0.28 0.03 260);
    --input: oklch(0.28 0.03 260);
    --ring: oklch(0.80 0.22 155);

    --radius: 0.375rem;

    /* Chart */
    --chart-1: oklch(0.80 0.22 155);
    --chart-2: oklch(0.60 0.18 260);
    --chart-3: oklch(0.75 0.16 80);
    --chart-4: oklch(0.65 0.22 300);
    --chart-5: oklch(0.70 0.20 15);

    /* Sidebar — deep charcoal, green accents */
    --sidebar-background: oklch(0.14 0.015 260);
    --sidebar-foreground: oklch(0.70 0.02 260);
    --sidebar-primary: oklch(0.80 0.22 155);
    --sidebar-primary-foreground: oklch(0.14 0.015 260);
    --sidebar-accent: oklch(0.20 0.025 260);
    --sidebar-accent-foreground: oklch(0.92 0.01 260);
    --sidebar-border: oklch(0.28 0.03 260);
    --sidebar-ring: oklch(0.80 0.22 155);

    /* Alert colors — adapted for dark background */
    --alert-success: oklch(0.70 0.20 155);
    --alert-success-foreground: oklch(0.85 0.08 155);
    --alert-success-bg: oklch(0.20 0.03 155);
    --alert-info: oklch(0.60 0.18 260);
    --alert-info-foreground: oklch(0.85 0.06 260);
    --alert-info-bg: oklch(0.20 0.02 260);
    --alert-warning: oklch(0.75 0.16 80);
    --alert-warning-foreground: oklch(0.90 0.06 80);
    --alert-warning-bg: oklch(0.22 0.02 80);
    --alert-danger: oklch(0.60 0.22 15);
    --alert-danger-foreground: oklch(0.90 0.08 15);
    --alert-danger-bg: oklch(0.20 0.02 15);
}

html, body {
    font-family: 'Space Grotesk', sans-serif;
}