/* =================================
   DOTWEB THEME VARIABLES
   Based on iOS Swift AppColors
   ================================= */

/* =================================
   BMZ (Mahlzeiten) Module Theme
   Primary: Light Green #88C48A
   ================================= */
:root[data-theme="bmz"],
.theme-bmz {
    /* Brand Colors - BMZ Module */
    --color-primary: #88C48A;           /* PrimaryBackground - Light green */
    --color-primary-hover: #7ab87c;
    --color-primary-light: #CBF7D2;     /* TableViewHeader - Very light green */
    --color-primary-lighter: #e5fbe8;
    --color-primary-font: #555555;      /* PrimaryFont - Dark gray */

    /* Picker Colors */
    --color-picker-bg: #7EC0CC;         /* PickerBackground - Teal */
    --color-picker-font: #FFFFFF;       /* PickerFont */
    --color-picker-selected: #FFFF00;   /* PickerFontSelected - Yellow */

    /* Table & List Colors */
    --color-bg-table-header: #CBF7D2;   /* TableViewHeader */
    --color-tableview-header: #CBF7D2;
    --color-search-textfield: #FFFFFF;  /* searchTextField */
    --color-bg-selected: #e5fbe8;       /* Selection highlight */

    /* Accent Colors */
    --color-accent: #7EC0CC;            /* Teal accent */
    --color-accent-hover: #6ab3bf;

    /* Button hover shadows */
    --btn-primary-shadow: rgba(136, 196, 138, 0.3);
}

/* =================================
   LST (Leistungen) Module Theme
   Primary: Yellow #FFC103
   ================================= */
:root[data-theme="lst"],
.theme-lst {
    /* Brand Colors - LST Module */
    --color-primary: #FFC103;           /* PrimaryBackground - Yellow */
    --color-primary-hover: #e6ad03;
    --color-primary-light: #FBF3D0;     /* DefaultSelected */
    --color-primary-lighter: #fffbf0;
    --color-primary-font: #555555;      /* PrimaryFont - Dark gray */
    --color-primary-font-light: #FFFFFF; /* PrimaryFontLight */

    /* Picker Colors */
    --color-picker-bg: #FFC103;         /* PickerBackground */
    --color-picker-font: #555555;       /* PickerFont */
    --color-picker-selected: #FFFF00;   /* PickerFontSelected */

    /* Table & List Colors */
    --color-bg-table-header: #FFE38C;   /* TableViewHeader */
    --color-tableview-header: #FFE38C;
    --color-search-textfield: #FFFFFF;  /* searchTextField */
    --color-bg-selected: #FBF3D0;       /* Selection highlight */

    /* Accent Colors */
    --color-intern: #E67E22;            /* TimeTableFontIntern */
    --color-accent: #FFC103;
    --color-accent-hover: #e6ad03;

    /* Button hover shadows */
    --btn-primary-shadow: rgba(255, 193, 7, 0.3);
}

/* =================================
   SHARED MENU COLORS
   Common across all modules
   ================================= */
:root[data-theme="bmz"],
:root[data-theme="lst"],
.theme-bmz,
.theme-lst {
    /* Menu Colors (shared across modules) */
    --color-menu-header-bg: #FFFFFF;
    --color-menu-header-selected: #CBD5DE;
    --color-menu-default-bg: #CBD5DE;
    --color-menu-default-font: #000000;
    --color-menu-selected-bg: #B7CAD9;
    --color-menu-selected-font: #000000;

    /* Common Colors */
    --color-bg-even-cell: #F0F0F0;      /* EvenCell */
    --color-bg-portrait: #E3E3E3;       /* PortraitBackground */
    --color-portrait-font: #000000;     /* PortraitFont */
}

/* =================================
   DEFAULT THEME (LST)
   Applied when no theme is specified
   ================================= */
:root {
    /* Default to LST theme colors */
    --color-primary: #FFC103;
    --color-primary-hover: #e6ad03;
    --color-primary-light: #FBF3D0;
    --color-primary-lighter: #fffbf0;
    --color-primary-font: #555555;

    --color-picker-bg: #FFC103;
    --color-picker-font: #555555;
    --color-picker-selected: #FFFF00;

    --color-bg-table-header: #FFE38C;
    --color-tableview-header: #FFE38C;
    --color-search-textfield: #FFFFFF;
    --color-bg-selected: #FBF3D0;

    --color-intern: #E67E22;
    --color-accent: #FFC103;
    --color-accent-hover: #e6ad03;

    --btn-primary-shadow: rgba(255, 193, 7, 0.3);

    /* Menu Colors */
    --color-menu-header-bg: #FFFFFF;
    --color-menu-header-selected: #CBD5DE;
    --color-menu-default-bg: #CBD5DE;
    --color-menu-default-font: #000000;
    --color-menu-selected-bg: #B7CAD9;
    --color-menu-selected-font: #000000;

    /* Common Colors */
    --color-bg-even-cell: #F0F0F0;
    --color-bg-portrait: #E3E3E3;
    --color-portrait-font: #000000;
}