/* ============================================
   TIMOLOGISI ERP - CENTRALIZED THEME SYSTEM
   Version: 1.1 (February 2026)

   Brand Colors:
   - Cyan:  #00BCE4 (Timologisi cloud logo)
   - Teal:  #22B2A8 (Secondary brand)
   - Slate: #343e4b (Website dark text)

   REVERT: Delete this file and remove from _Host.cshtml
   to revert to old theme. All .bak files are preserved.
   ============================================ */

:root {
    /* ---- PRIMARY ACCENT (Brand Cyan) ---- */
    --t-primary: #00BCE4;           /* Brand Cyan - Main accent */
    --t-primary-light: #e6f9fd;     /* Very light cyan - Hover/highlight bg */
    --t-primary-medium: #a3e4f2;    /* Soft cyan accent */
    --t-primary-dark: #0097b8;      /* Darker cyan - Pressed state */
    --t-primary-rgb: 0, 188, 228;   /* For rgba() usage */

    /* ---- SECONDARY (Brand Teal) ---- */
    --t-secondary: #22B2A8;         /* Brand Teal */
    --t-secondary-light: #e6f7f6;   /* Light teal bg */
    --t-secondary-dark: #1a8f87;    /* Darker teal */

    /* ---- HEADER ---- */
    --t-header-bg: #f8fcfd;         /* Very light cyan tint (readable, not pure white) */
    --t-header-text: #343e4b;       /* Brand dark slate text */
    --t-header-border: #22B2A8;     /* Brand Teal bottom border - visible accent */
    --t-header-shadow: 0 1px 4px rgba(0,0,0,0.10);

    /* ---- SIDEBAR ---- */
    --t-sidebar-bg: #f8fafa;        /* Very light gray-teal */
    --t-sidebar-border: #e2e8f0;    /* Slate 200 */
    --t-sidebar-text: #4a5568;      /* Gray 600 */
    --t-sidebar-icon: #22B2A8;      /* Brand Teal - icons */
    --t-sidebar-hover: #e6f9fd;     /* Light cyan hover */
    --t-sidebar-active-bg: #d4f5f2; /* Light teal active */
    --t-sidebar-active-text: #1a8f87; /* Dark teal active text */
    --t-sidebar-title: #00BCE4;     /* Brand Cyan */
    --t-sidebar-width: 240px;

    /* ---- PAGE BACKGROUND ---- */
    --t-page-bg: #f0f4f5;          /* Light gray with slight teal tint */
    --t-body-bg: #f7f9fa;          /* Very light body */

    /* ---- CARDS ---- */
    --t-card-bg: #ffffff;
    --t-card-border: #e2e8f0;
    --t-card-shadow: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --t-card-radius: 8px;
    --t-card-header-bg: #f8fafb;    /* Very light neutral */

    /* ---- DASHBOARD CARD HEADERS (Soft Pastel) ---- */
    --t-card-income-bg: #e6f9fd;    /* Light cyan (brand) */
    --t-card-income-accent: #00BCE4; /* Brand Cyan */
    --t-card-expense-bg: #fef3c7;   /* Soft amber */
    --t-card-expense-accent: #d97706; /* Amber 600 */
    --t-card-receivable-bg: #fce7f3; /* Soft pink */
    --t-card-receivable-accent: #db2777; /* Pink 600 */
    --t-card-payable-bg: #e6f7f6;   /* Light teal (brand) */
    --t-card-payable-accent: #22B2A8; /* Brand Teal */
    --t-card-mydata-bg: #e6f9fd;    /* Light cyan */
    --t-card-summary-bg: #fefce8;   /* Soft yellow */
    --t-card-liquidity-bg: #e6f7f6; /* Light teal */
    --t-card-warehouse-bg: #f3e8ff; /* Light violet */
    --t-card-customers-bg: #fff7ed; /* Light orange */
    --t-card-suppliers-bg: #e6f7f6; /* Light teal */

    /* ---- SEMANTIC COLORS ---- */
    --t-success: #22B2A8;           /* Brand Teal for positive */
    --t-success-light: #e6f7f6;     /* Light teal */
    --t-warning: #d97706;           /* Amber 600 */
    --t-warning-light: #fffbeb;     /* Amber 50 */
    --t-danger: #dc2626;            /* Red 600 */
    --t-danger-light: #fef2f2;      /* Red 50 */
    --t-info: #00BCE4;              /* Brand Cyan */
    --t-info-light: #e6f9fd;        /* Light cyan */

    /* ---- TEXT COLORS ---- */
    --t-text-primary: #343e4b;      /* Brand dark slate */
    --t-text-secondary: #5a6577;    /* Medium slate */
    --t-text-muted: #94a3b8;        /* Slate 400 */
    --t-text-light: #cbd5e1;        /* Slate 300 */

    /* ---- BORDERS ---- */
    --t-border: #e2e8f0;
    --t-border-light: #f1f5f9;
    --t-border-dark: #cbd5e1;

    /* ---- FORM INPUTS ---- */
    --t-input-bg: #ffffff;
    --t-input-border: #d1d9e0;      /* Soft gray */
    --t-input-focus-border: #00BCE4; /* Brand Cyan focus */
    --t-input-focus-shadow: 0 0 0 3px rgba(0, 188, 228, 0.15);
    --t-input-placeholder: #94a3b8;
    --t-input-text: #343e4b;        /* Brand dark slate */
    --t-input-disabled-bg: #f1f5f9;
    --t-input-radius: 6px;

    /* ---- BUTTONS ---- */
    --t-btn-primary-bg: #00BCE4;    /* Brand Cyan */
    --t-btn-primary-hover: #0097b8; /* Darker cyan */
    --t-btn-primary-text: #ffffff;
    --t-btn-secondary-bg: #f1f5f9;
    --t-btn-secondary-hover: #e2e8f0;
    --t-btn-secondary-text: #5a6577;
    --t-btn-radius: 6px;

    /* ---- TABLES ---- */
    --t-table-header-bg: #ffffff;   /* White - LIGHT headers */
    --t-table-header-text: #7a8a9e; /* Soft gray - NOT dark */
    --t-table-border: #e8edf2;      /* Soft border */
    --t-table-row-hover: #f5f9fa;   /* Very subtle hover */
    --t-table-row-alt: #fafbfc;     /* Very light alternate */
    --t-table-row-selected: #e6f9fd; /* Light cyan selected */

    /* ---- DATA INDICATORS ---- */
    --t-dot-transmitted: #22B2A8;   /* Brand Teal */
    --t-dot-pending: #d97706;       /* Amber 600 */
    --t-positive: #22B2A8;          /* Brand Teal */
    --t-negative: #dc2626;          /* Red 600 */

    /* ---- LOGIN SPECIFIC ---- */
    --t-login-bg: #f0f4f5;
    --t-login-card-bg: #ffffff;
    --t-login-gradient: linear-gradient(135deg, #00BCE4 0%, #22B2A8 100%);
    --t-login-accent: #00BCE4;
    --t-login-input-bg: #f8fafb;

    /* ---- TRANSITIONS ---- */
    --t-transition-fast: 150ms ease;
    --t-transition-normal: 250ms ease;

    /* ---- FONT ---- */
    --t-font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}