@tailwind base;
@tailwind components;
@tailwind utilities;

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

body {
    margin: 0;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color: #F5F8FA;
    color: #162B3A;
}

code {
    font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
}

.tnum {
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum";
}

@layer base {
    :root {
        --background: 0 0% 100%;
        --foreground: 203 42% 16%;
        --card: 0 0% 100%;
        --card-foreground: 203 42% 16%;
        --popover: 0 0% 100%;
        --popover-foreground: 203 42% 16%;
        --primary: 175 77% 26%;
        --primary-foreground: 0 0% 100%;
        --secondary: 210 20% 96%;
        --secondary-foreground: 203 42% 16%;
        --muted: 210 20% 96%;
        --muted-foreground: 206 18% 39%;
        --accent: 170 42% 93%;
        --accent-foreground: 175 77% 22%;
        --destructive: 0 72% 51%;
        --destructive-foreground: 0 0% 100%;
        --border: 214 32% 91%;
        --input: 214 32% 91%;
        --ring: 175 77% 26%;
        --chart-1: 175 77% 32%;
        --chart-2: 221 83% 53%;
        --chart-3: 197 37% 24%;
        --chart-4: 43 74% 66%;
        --chart-5: 27 87% 67%;
        --radius: 0.875rem;
    }
}

@layer base {
    * {
        @apply border-border;
    }
    body {
        @apply bg-background text-foreground;
    }
}

::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; border: 2px solid #F5F8FA; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

@layer base {
    [data-debug-wrapper="true"] { display: contents !important; }
}