pragma Singleton

import QtQuick

// ===== Shared Theme Tokens =====
QtObject {
    // ===== Theme Mode =====
    // Toggle this to preview the same shell in light mode.
    property bool isDarkMode: true

    // ===== Surface Colors =====
    // Core application surfaces.
    readonly property color pageBackground: isDarkMode ? "#11161c" : "#eef4f7"
    readonly property color cardBackground: isDarkMode ? "#1b232d" : "#ffffff"
    readonly property color workspaceBackground: isDarkMode ? "#121923" : "#ffffff"
    readonly property color sideRailBackground: isDarkMode ? "#18202a" : "#f5f7fa"
    readonly property color responseBackground: isDarkMode ? "#18212a" : "#f9fbfc"

    // Shared border and text colors.
    readonly property color cardBorder: isDarkMode ? "#334155" : "#cbd5e1"
    readonly property color workspaceBorder: isDarkMode ? "#334155" : "#d7dde5"
    readonly property color responseBorder: isDarkMode ? "#334155" : "#d5e0e8"

    readonly property color headingColor: isDarkMode ? "#e5eef7" : "#12324a"
    readonly property color bodyColor: isDarkMode ? "#afbdca" : "#415a6b"
    readonly property color buttonPressed: isDarkMode ? "#214d60" : "#17576c"
    readonly property color statusSuccessColor: isDarkMode ? "#7cd67e" : "#1f7a33"
    readonly property color statusErrorColor: isDarkMode ? "#ff8a80" : "#c62828"
    readonly property color statusWarningColor: isDarkMode ? "#f3c677" : "#9a6700"

    // ===== Side Rail Sizing =====
    readonly property int sideRailWidth: 190
    readonly property int sideRailSpacing: 14
    readonly property int sideButtonHeight: 146
    readonly property int sideButtonMinHeight: 88
    readonly property int panelPadding: 12

    // ===== Main Panel Spacing =====
    // Main content spacing.
    readonly property int mainAreaPadding: 10
    readonly property int rightPaneGap: 6
    readonly property int tabBarHeight: 34
    readonly property int settingsPanelMaxWidth: 760
    readonly property int settingsOuterMargin: 40
    readonly property int settingsSectionSpacing: 20
    readonly property int settingsRowSpacing: 16
    readonly property int settingsGridSpacing: 12
    readonly property int settingsButtonHeight: 40
    readonly property int settingsActionWidth: 200
    readonly property int settingsFieldMinWidth: 160

    // ===== Footer Tab Theme =====
    // Bottom tab styling.
    readonly property color tabBarBackground: isDarkMode ? "#161d26" : "#f2f2f2"
    readonly property color tabBackground: isDarkMode ? "#202833" : "#ececec"
    readonly property color tabActiveBackground: isDarkMode ? "#2a3440" : "#ffffff"
    readonly property color tabHoverBackground: isDarkMode ? "#263140" : "#f7f7f7"
    readonly property color tabBorder: isDarkMode ? "#3a4758" : "#cfcfcf"
    readonly property color tabText: isDarkMode ? "#c6d0da" : "#222222"
    readonly property color tabActiveText: isDarkMode ? "#ffffff" : "#111111"

    readonly property int tabButtonMinWidth: 80
    readonly property int tabHorizontalPadding: 14
    readonly property int tabBarPadding: 6
    readonly property int tabSpacing: 2
    readonly property int tabRadius: 2
    readonly property int tabFontSize: 12

    // ===== Form Control Theme =====
    readonly property color inputBackground: isDarkMode ? "#202833" : "#ffffff"
    readonly property color inputBorder: isDarkMode ? "#4a596d" : "#cfcfcf"
    readonly property color buttonBackground: isDarkMode ? "#202833" : "#ffffff"
    readonly property color buttonText: isDarkMode ? "#e5eef7" : "#111111"
    readonly property color checkboxText: isDarkMode ? "#d6dfeb" : "#111111"
}