@font-face {
    font-family: "Inter";
    src: url("/assets/fonts/Inter-VariableFont_opsz-wght.ttf")
        format("truetype");
    font-display: swap;
    font-style: normal;
    font-weight: 100 900;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoLight.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoLightItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 300;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoRegular.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoRegularItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 400;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoMedium.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 500;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoMediumItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 500;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoSemibold.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 600;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoSemiboldItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 600;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoBold.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 700;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoBoldItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 700;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoHeavy.woff") format("woff");
    font-display: swap;
    font-style: normal;
    font-weight: 800;
}

@font-face {
    font-family: "SF Mono";
    src: url("/assets/fonts/SFMonoHeavyItalic.woff") format("woff");
    font-display: swap;
    font-style: italic;
    font-weight: 800;
}

:root {
    /* Polices */
    --font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-heading: "Inter", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-mono: "SF Mono", ui-monospace, monospace;

    /* Thème Mistral Chat - Light Mode */
    --background: #ffffff;
    --foreground: #1a1a1a;
    --card: #ffffff;
    --card-foreground: #1a1a1a;
    --popover: #ffffff;
    --popover-foreground: #1a1a1a;

    /* Couleurs principales */
    --primary: #000;
    --primary-foreground: #ffffff;
    --primary-hover: #333;
    --primary-light: rgba(0, 0, 0, 0.1);

    /* Couleurs secondaires */
    --secondary: #f5f5f5;
    --secondary-foreground: #4a4a4a;
    --muted: #f5f5f5;
    --muted-foreground: #6b7280;
    --accent: #f5f5f5;
    --accent-foreground: #4a4a4a;

    /* Autres couleurs */
    --info: #2563eb;
    --success: #059669;
    --warning: #d97706;
    --danger: #dc2626;
    --neutral: #64748b;
    --destructive: #ef4444;
    --destructive-foreground: #ffffff;
    --border: #e5e7eb;
    --input: #e5e7eb;
    --ring: #000;

    /* Palette statuts */
    --status-primary: var(--primary);
    --status-info: var(--info);
    --status-success: var(--success);
    --status-warning: var(--warning);
    --status-danger: var(--danger);
    --status-neutral: var(--neutral);
    --status-primary-rgb: 0, 0, 0;
    --status-info-rgb: 37, 99, 235;
    --status-success-rgb: 5, 150, 105;
    --status-warning-rgb: 217, 119, 6;
    --status-danger-rgb: 220, 38, 38;
    --status-neutral-rgb: 100, 116, 139;
    --color-status-primary: var(--status-primary);
    --color-status-info: var(--status-info);
    --color-status-success: var(--status-success);
    --color-status-warning: var(--status-warning);
    --color-status-danger: var(--status-danger);
    --color-status-neutral: var(--status-neutral);

    /* Radius et ombres */
    --radius: 0.5rem;
    --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
    --shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md:
        0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);

    /* Sidebar */
    --sidebar: #ffffff;
    --sidebar-foreground: #1a1a1a;
    --sidebar-primary: #000;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #ff6b35;
    --sidebar-accent-foreground: #ffffff;
    --sidebar-border: #e5e7eb;
    --sidebar-ring: #000;
    --sidebar-width: 280px;

    /* Scrollbar */
    --scrollbar-track: transparent;
    --scrollbar-thumb: #cbd5e1;
    --scrollbar-width: 8px;
    --scrollbar-radius: 4px;
}

.status-primary {
    --tblr-status-color: var(--status-primary);
    --tblr-status-color-rgb: var(--status-primary-rgb);
}

.status-info {
    --tblr-status-color: var(--status-info);
    --tblr-status-color-rgb: var(--status-info-rgb);
}

.status-success {
    --tblr-status-color: var(--status-success);
    --tblr-status-color-rgb: var(--status-success-rgb);
}

.status-warning {
    --tblr-status-color: var(--status-warning);
    --tblr-status-color-rgb: var(--status-warning-rgb);
}

.status-danger {
    --tblr-status-color: var(--status-danger);
    --tblr-status-color-rgb: var(--status-danger-rgb);
}

.status-neutral {
    --tblr-status-color: var(--status-neutral);
    --tblr-status-color-rgb: var(--status-neutral-rgb);
}

.dark {
    /* Thème Mistral Chat - Dark Mode */
    --background: #1a1a1a;
    --foreground: #ffffff;
    --card: #252525;
    --card-foreground: #ffffff;
    --popover: #252525;
    --popover-foreground: #ffffff;

    /* Couleurs principales */
    --primary: oklch(0.985 0 0);
    --primary-foreground: oklch(0.205 0 0);
    --primary-hover: #333;
    --primary-light: rgba(0, 0, 0, 0.2);

    /* Couleurs secondaires */
    --secondary: #ff6b35;
    --secondary-foreground: #ffffff;
    --muted: #3a3a3a;
    --muted-foreground: #9ca3af;
    --accent: #3a3a3a;
    --accent-foreground: #e5e5e5;

    /* Autres couleurs */
    --destructive: #ef4444;
    --destructive-foreground: #ffffff;
    --border: #3a3a3a;
    --input: #3a3a3a;
    --ring: #000;
    --status-primary-rgb: 250, 250, 250;

    /* Sidebar Dark */
    --sidebar: #252525;
    --sidebar-foreground: #ffffff;
    --sidebar-primary: #000;
    --sidebar-primary-foreground: #ffffff;
    --sidebar-accent: #ff6b35;
    --sidebar-accent-foreground: #ffffff;
    --sidebar-border: #3a3a3a;
    --sidebar-ring: #000;

    /* Scrollbar Dark */
    --scrollbar-thumb: #4a4a4a;
    color-scheme: dark;
}