/*
Theme Name: Digitize 2026
Description: Custom WordPress theme for Digitize Info System
Version: 1.0
Author: Digitize Info System
Text Domain: digitize-2026
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tags: custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
Text Domain: digitize-2026
*/

:root {

  /* ===============================
     BRAND COLORS
  =============================== */

  --color-primary: #1290D5;        /* Brand primary */
  --color-primary-dark: #0E6FA5;   /* Hover / accessible darker variant */
  --color-primary-light: #4DB2E8;  /* Light accent */

  /* ===============================
     TEXT COLORS
  =============================== */

  --color-text: #1A1A1A;           /* Default body text (WCAG safe on white) */
  --color-text-muted: #555555;     /* Muted text (4.5:1 safe) */
  --color-text-light: #FFFFFF;     /* For dark backgrounds */

  /* ===============================
     BACKGROUNDS
  =============================== */

  --color-bg-light: #FFFFFF;
  --color-bg-dark: #111111;        /* Dark sections */
  --color-bg-subtle: #F8F9FA;      /* Subtle backgrounds (cards, sections) */
  --color-bg-tint-primary: #F0F7FF; /* Light primary tint (hover/focus) */
  --color-bg-light-gray: #F5F5F5;  /* Light gray (thumbnails, images) */
  --color-bg-panel: #F9F9F9;       /* Panel backgrounds */
  --color-bg-hover: #F0F0F0;       /* Light hover backgrounds */
  --color-bg-light-blue: #F0F0FF;  /* Light blue variant */
  --color-bg-disabled: #CCCCCC;    /* Disabled state backgrounds */

  /* ===============================
     BORDERS / LINES
  =============================== */

  --color-border: #E5E5E5;
  --color-line-primary: #1290D5;

  /* ===============================
     BOOTSTRAP 5.3.8 OVERRIDES
     Maps Bootstrap's variables to custom color scheme
  =============================== */

  /* Primary Color */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 18, 144, 213;              /* #1290D5 in RGB */
  --bs-primary-text-emphasis: var(--color-primary-dark);
  --bs-primary-bg-subtle: var(--color-bg-tint-primary);
  --bs-primary-border-subtle: #A8D5F0;

  /* Body & Text */
  --bs-body-color: var(--color-text);
  --bs-body-color-rgb: 26, 26, 26;             /* #1A1A1A in RGB */
  --bs-body-bg: var(--color-bg-light);
  --bs-body-bg-rgb: 255, 255, 255;

  /* Links */
  --bs-link-color: var(--color-primary);
  --bs-link-color-rgb: 18, 144, 213;
  --bs-link-hover-color: var(--color-primary-dark);
  --bs-link-hover-color-rgb: 14, 111, 165;     /* #0E6FA5 in RGB */

  /* Borders */
  --bs-border-color: var(--color-border);
  --bs-border-color-translucent: rgba(0, 0, 0, 0.1);

  /* Secondary Colors (muted text) */
  --bs-secondary: #555555;
  --bs-secondary-rgb: 85, 85, 85;
  --bs-secondary-color: var(--color-text-muted);
  --bs-secondary-bg: var(--color-bg-subtle);

  /* Dark variant */
  --bs-dark: var(--color-bg-dark);
  --bs-dark-rgb: 17, 17, 17;

  /* Light variant */
  --bs-light: var(--color-bg-subtle);
  --bs-light-rgb: 248, 249, 250;

  /* Emphasis colors */
  --bs-emphasis-color: var(--color-text);
  --bs-emphasis-color-rgb: 26, 26, 26;

  /* Component-specific backgrounds */
  --bs-tertiary-bg: var(--color-bg-panel);
  --bs-tertiary-bg-rgb: 249, 249, 249;

  /* Hover/Focus states */
  --bs-hover-bg: var(--color-bg-hover);
  --bs-hover-bg-rgb: 240, 240, 240;

  /* Form controls */
  --bs-form-valid-color: #198754;
  --bs-form-invalid-color: #dc3545;

  /* Headings */
  --bs-heading-color: var(--color-text);

}