/**
 * ZUNO AI Design System Tokens
 * Source of Truth: https://ai.zuno.com.bd
 * Philosophy: Bright-First, High Whitespace, Deep Navy/Slate Typography, ZUNO Purple Accent
 */

:root {
    /* Brand & Accent Palette */
    --zuno-purple: #6C5CE7;
    --zuno-purple-hover: #5B45E0;
    --zuno-purple-soft: #F3F0FF;
    --zuno-purple-border: #D8D0FC;
    --zuno-purple-glow: rgba(108, 92, 231, 0.15);
    --zuno-focus-ring: 0 0 0 3px rgba(108, 92, 231, 0.25);

    /* Background & Surface Palette (Bright-First) */
    --zuno-bg: #F8FAFC;
    --zuno-surface: #FFFFFF;
    --zuno-surface-secondary: #F1F5F9;
    --zuno-surface-tertiary: #E2E8F0;

    /* Typography Hierarchy */
    --zuno-text-primary: #0F172A;
    --zuno-text-secondary: #475569;
    --zuno-text-muted: #94A3B8;
    --zuno-text-inverse: #FFFFFF;

    /* Font Family & Weights */
    --zuno-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --zuno-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

    /* Border & Divider Scale */
    --zuno-border: #E2E8F0;
    --zuno-border-light: #F1F5F9;
    --zuno-border-focus: #6C5CE7;

    /* Status & Feedback */
    --zuno-success: #10B981;
    --zuno-success-soft: #ECFDF5;
    --zuno-success-border: #A7F3D0;
    --zuno-warning: #F59E0B;
    --zuno-warning-soft: #FFFBEB;
    --zuno-warning-border: #FDE68A;
    --zuno-danger: #EF4444;
    --zuno-danger-soft: #FEF2F2;
    --zuno-danger-border: #FECACA;

    /* Spacing Scale */
    --zuno-space-1: 4px;
    --zuno-space-2: 8px;
    --zuno-space-3: 12px;
    --zuno-space-4: 16px;
    --zuno-space-5: 20px;
    --zuno-space-6: 24px;
    --zuno-space-8: 32px;
    --zuno-space-10: 40px;

    /* Border Radii */
    --zuno-radius-sm: 6px;
    --zuno-radius-md: 8px;
    --zuno-radius-lg: 12px;
    --zuno-radius-xl: 16px;
    --zuno-radius-full: 9999px;

    /* Shadow Scale */
    --zuno-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
    --zuno-shadow-md: 0 2px 8px rgba(0, 0, 0, 0.04);
    --zuno-shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.06);
    --zuno-shadow-accent: 0 4px 14px rgba(108, 92, 231, 0.22);

    /* Layout & Dimensions */
    --zuno-sidebar-width: 260px;
    --zuno-chat-max-width: 800px;
    --zuno-header-height: 56px;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: var(--zuno-font-sans);
    background-color: var(--zuno-bg);
    color: var(--zuno-text-primary);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}