/*
 * Maima default skin.
 *
 * The shared layout is defined in base.css.
 * This file supplies the visual variables for the default appearance.
 */


:root {
    --page-background: #111827;
    --app-background: #111827;

    --header-background: #182231;
    --input-area-background: #182231;

    --assistant-message-background: #1f2937;
    --user-message-background: #163c3a;

    --input-background: #111827;

    --text-primary: #f3f4f6;
    --text-secondary: #9ca3af;

    --accent-colour: #6ee7c7;
    --accent-hover-colour: #99f6e4;
    --link-colour: #8be9fd;

    --button-text: #0f172a;

    --border-colour: #374151;

    --inline-code-background: #111827;
    --inline-code-text: #f8f8f2;

    --code-background: #171c28;
    --code-border: #374151;

    --table-header-background: #182231;

    --thinking-background: #172033;
    --thinking-border: #39465d;
    --thinking-label: #c4b5fd;
    --thinking-text: #cbd5e1;

    --mode-control-background: #111827;
    --mode-control-border: #374151;

    --switch-off-background: #4b5563;
    --switch-on-background: #2dd4bf;
    --switch-border: #6b7280;
    --switch-knob-background: #f9fafb;

    --error-text: #fecaca;
    --error-background: #450a0a;
    --error-border: #991b1b;

    --message-radius: 14px;
    --control-radius: 10px;
}