/* assets/css/0-theme.css */

:root {
    /* YorkFr v3.1 - Google AI Inspired Theme */

    /* Core Palette - Light Mode Default */
    --bg-app: #ffffff;
    --bg-panel: #f8f9fa;
    /* Very subtle grey for panels */
    --bg-panel-hover: #f1f3f4;

    /* Text */
    --text-main: #1f1f1f;
    /* Google Grey 900 */
    --text-muted: #5f6368;
    /* Google Grey 700 */
    --text-dim: #80868b;

    /* Borders */
    --border-subtle: #dadce0;
    --border-highlight: #bdc1c6;

    /* Accents - Gemini Gradients */
    --accent-primary: #4285f4;
    /* Google Blue */
    --accent-secondary: #9c27b0;
    /* Purple */
    --accent-tertiary: #ffcc80;
    /* Peach */

    /* Gradient for text/buttons */
    --gradient-gemini: linear-gradient(135deg, #4285f4, #9c27b0, #ffcc80);

    /* Dimensions */
    --nav-width: 80px;
    --widget-width: 360px;
    --header-height: 72px;

    /* Typography */
    --font-sans: 'Outfit', 'Google Sans', 'Inter', sans-serif;
    /* Clean, geometric */
    --font-mono: 'JetBrains Mono', monospace;

    /* Effects */
    --radius-sm: 12px;
    --radius-md: 16px;
    --radius-lg: 24px;
    /* More rounded */
    --shadow-soft: 0 2px 6px rgba(60, 64, 67, 0.05), 0 1px 2px rgba(60, 64, 67, 0.05);
    --shadow-hover: 0 4px 12px rgba(60, 64, 67, 0.10);

    /* Code Blocks */
    --code-bg: #f8f9fa;
    /* Light grey for light mode */
    --code-text: #1f1f1f;
    --code-inline-bg: #e8eaed;
    --code-inline-text: #1967d2;
}

/* Dark Mode Override */
[data-theme="dark"] {
    --bg-app: #131314;
    /* Google Dark Grey */
    --bg-panel: #1e1e20;
    --bg-panel-hover: #2c2c2e;

    --text-main: #e3e3e3;
    --text-muted: #c4c7c5;
    --text-dim: #8e918f;

    --border-subtle: #444746;
    --border-highlight: #5e5e5e;

    --shadow-soft: 0 2px 6px rgba(0, 0, 0, 0.2);
    --shadow-hover: 0 4px 12px rgba(0, 0, 0, 0.4);

    /* Code Blocks */
    --code-bg: #1e1e20;
    --code-text: #e3e3e3;
    --code-inline-bg: #2c2c2e;
    --code-inline-text: #8ab4f8;
}

/* Bilingual Support */
[data-lang="en"] .lang-zh {
    display: none !important;
}

[data-lang="zh"] .lang-en {
    display: none !important;
}