/* Google Fonts — must precede @import 'tailwindcss' */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    /* Typography */
    --font-sans: 'Inter', ui-sans-serif, system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

    /* Brand palette */
    --color-brand-primary: #2A5CDB;
    --color-brand-deep: #0B1E3F;
    --color-brand-hover: #3D6FE8;

    /* Semantic */
    --color-success: #16A34A;
    --color-warning: #EA580C;
    --color-danger: #DC2626;
    --color-success-dark: #22C55E;
    --color-warning-dark: #FB923C;
    --color-danger-dark: #F87171;

    /* Surfaces */
    --color-surface-0: #FFFFFF;
    --color-surface-1: #F9FAFB;
    --color-surface-2: #F3F4F6;
    --color-surface-0-dark: #0B1220;
    --color-surface-1-dark: #111827;
    --color-surface-2-dark: #1F2937;

    /* Text */
    --color-text-primary: #111827;
    --color-text-muted: #6B7280;
    --color-text-primary-dark: #F9FAFB;
    --color-text-muted-dark: #9CA3AF;

    /* Spacing tokens (8px grid) */
    --spacing-1: 4px;
    --spacing-2: 8px;
    --spacing-3: 12px;
    --spacing-4: 16px;
    --spacing-6: 24px;
    --spacing-8: 32px;
    --spacing-12: 48px;
    --spacing-16: 64px;

    /* Border radius */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}