/* 
  TheClick - Central Branding Variables
  Single source of truth for all theme colors and UI constants.
*/

:root {
    /* Brand Theme Colors */
    --theme: #086652;
    --theme2: #159c7f;
    --bg: #F0FDF4;
    /* Branded background wash */
    --bg-light: #f7fee7;
    /* Light lime tint for badges/areas */

    /* Functional Colors (Success mapping to Theme) */
    --primary: #6366f1;
    --primary-light: #818cf8;
    --primary-dark: #4f46e5;
    --success: var(--theme);
    --warning: #f59e0b;
    --danger: #ef4444;
    --info: #0bc36a;

    /* Global Backgrounds & Surfaces */
    --bg-main: #f8fafc;
    /* Main admin body bg */
    --surface: #ffffff;
    --body: #ffffff;
    --white: #ffffff;
    --black: #000000;

    /* Text Colors */
    --header: #0F0D1D;
    --text: #445375;
    /* Global public text */
    --text-primary: #0f172a;
    /* Admin heading text */
    --text-secondary: #64748b;
    /* Admin muted text */

    /* Borders & UI Elements */
    --border: #e2e8f0;
    /* Neutral border color */
    --border-2: #dae1e7;
    /* Secondary public border */
    --border-ui: #e2e8f0;
    /* Admin/UI border color */
    --box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);

    /* Semantic Mappings for Header/Hero */
    --h-primary: var(--theme);
    --h-utility-bg: var(--theme2);
    --h-accent: var(--theme);
    --h-secondary: var(--bg-light);

    /* Admin Sidebar */
    --sidebar-bg: #1e293b;
    --sidebar-dark: #0f172a;
}