/* =============================================================================
   THEME: ZENMINE / REDMINE STYLE
   =============================================================================
   Bảng màu xanh dương Redmine - Font Roboto (Google Fonts)
   Dựa trên Zenmine Theme v5.0
   ============================================================================= */

/* Google Fonts - Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,600;1,700&display=swap');

:root {
    /* =========================================================================
       FONT SETTINGS
       ========================================================================= */
    --font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --font-family-mono: Consolas, Menlo, "Liberation Mono", Courier, monospace;
    --font-size-base: 87.5%; /* 14px - Lớn hơn Zenmine gốc (80%) để dễ đọc */
    /* =========================================================================
       PRIMARY COLORS - Xanh dương Redmine (#169)
       ========================================================================= */
    --primary-color: #116699; /* Link chính - Redmine default */
    --primary-hover: #0d5280; /* Hover đậm hơn */
    --primary-light: #e8f4fc; /* Nền nhạt xanh */
    --primary-rgb: 17, 102, 153;
    /* Header colors */
    --header-bg: #628DB6; /* Steel Blue - Header background */
    --header-text: #ffffff;
    /* =========================================================================
       SEMANTIC COLORS - Màu theo ngữ nghĩa (Zenmine style)
       ========================================================================= */
    /* Success / Teal Green */
    --success-color: #1DC9A0;
    --success-bg: rgba(29, 201, 160, 0.15);
    --success-border: rgba(29, 201, 160, 0.3);
    /* Danger / Pink Red */
    --danger-color: #FD397A;
    --danger-hover: #e02d6a;
    --danger-bg: rgba(253, 57, 122, 0.15);
    --danger-border: rgba(253, 57, 122, 0.3);
    /* Warning / Orange */
    --warning-color: #FFA236;
    --warning-bg: rgba(255, 162, 54, 0.15);
    --warning-border: rgba(255, 162, 54, 0.3);
    /* Info / Blue */
    --info-color: #5578EB;
    --info-bg: rgba(85, 120, 235, 0.15);
    --info-border: rgba(85, 120, 235, 0.3);
    /* =========================================================================
       PRIORITY COLORS - Tone-sur-tone (Zenmine style)
       ========================================================================= */
    --priority-low: rgb(160, 214, 204);
    --priority-low-bg: rgba(160, 214, 204, 0.15);
    --priority-normal: rgb(160, 160, 160);
    --priority-normal-bg: rgba(160, 160, 160, 0.12);
    --priority-high: rgb(255, 162, 54);
    --priority-high-bg: rgba(255, 162, 54, 0.15);
    --priority-urgent: rgb(255, 57, 122);
    --priority-urgent-bg: rgba(255, 57, 122, 0.15);
    --priority-immediate: rgb(187, 119, 255);
    --priority-immediate-bg: rgba(187, 119, 255, 0.15);
    /* =========================================================================
       TRACKER COLORS
       ========================================================================= */
    --tracker-1: #e8863e; /* Cam */
    --tracker-2: #238ed8; /* Xanh dương */
    --tracker-3: #56c559; /* Xanh lá */
    --tracker-default: #020085; /* Xanh đậm */
    /* =========================================================================
       NEUTRAL COLORS - Màu trung tính (Redmine grayscale)
       ========================================================================= */
    /* Text */
    --text-primary: #333333;
    --text-secondary: #555555;
    --text-muted: #888888;
    --text-light: #aaaaaa;
    /* Backgrounds */
    --bg-body: #F7F7F7; /* Nền xám rất nhạt - Zenmine */
    --bg-card: #ffffff;
    --bg-hover: #f0f6fa; /* Hover row - xanh nhạt */
    --bg-muted: #EEEEEE; /* Redmine table header */
    /* Borders */
    --border-color: #e4e4e4;
    --border-light: #eeeeee;
    --border-input: #cccccc; /* Redmine input border */
    /* =========================================================================
       SIDEBAR COLORS - Xanh đậm kiểu Redmine
       ========================================================================= */
    --sidebar-bg: #3E5B76; /* Top menu color - Redmine */
    --sidebar-hover: #4a6885;
    --sidebar-text: #b8c7d4;
    --sidebar-text-hover: #dce4eb;
    --sidebar-text-active: #ffffff;
    /* =========================================================================
       COMPONENT SPECIFIC
       ========================================================================= */
    /* Highlight */
    --highlight-bg: #ffffcc; /* Vàng nhạt highlight */
    --highlight-text: #856404;
    /* Tags / Badge */
    --tag-pending-bg: #fcf8e3;
    --tag-pending-text: #8a6d3b;
    --tag-reject-bg: #f5f5f5;
    --tag-reject-text: #777777;
    /* =========================================================================
       SHADOWS - Nhẹ hơn cho phong cách Redmine
       ========================================================================= */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.04);
    --shadow-md: 0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px 0 rgba(0, 0, 0, 0.03);
    --shadow-lg: 0 2px 6px 0 rgba(0, 0, 0, 0.08);
    /* =========================================================================
       SIZING
       ========================================================================= */
    --header-height: 50px;
    --sidebar-width: 260px;
    --sidebar-width-mobile: 240px;
    --border-radius: 4px; /* Bo góc nhẹ - Redmine style */
    --border-radius-lg: 6px;
    --border-radius-xl: 8px;
}

/* =============================================================================
   DARK MODE SUPPORT (Optional)
   ============================================================================= */
/*
@media (prefers-color-scheme: dark) {
    :root {
        --bg-body: #1a1a2e;
        --bg-card: #16213e;
        --text-primary: #eaeaea;
        --text-secondary: #b8b8b8;
    }
}
*/