/* ==========================================================================
   CSS VARIABLES & DESIGN TOKENS - TVSI HỖ TRỢ TRÁI PHIẾU
   ========================================================================== */

:root {
  /* Brand Colors */
  --tvsi-red: #d3202a;
  --tvsi-red-hover: #b5151e;
  --tvsi-red-light: #fff0f1;
  --tvsi-red-border: rgba(211, 32, 42, 0.2);

  --tvsi-blue: #0f367e;
  --tvsi-blue-dark: #0a2456;
  --tvsi-blue-primary: #1254b7;
  --tvsi-blue-btn: #1455bb;
  --tvsi-blue-btn-hover: #0c439c;
  --tvsi-blue-light: #f0f6ff;
  --tvsi-blue-border: #bfdbfe;

  --tvsi-cyan: #00b4d8;
  --tvsi-cyan-glow: rgba(0, 229, 255, 0.4);

  /* Neutral & Grayscale */
  --text-main: #1e293b;
  --text-heading: #0f2f67;
  --text-muted: #556987;
  --text-subtle: #7d8ea5;
  --text-white: #ffffff;

  --bg-card: #ffffff;
  --bg-app: #04142d;
  --bg-modal-backdrop: rgba(4, 15, 33, 0.82);
  --bg-sidebar: #f8fafc;
  --bg-badge: #eef4ff;

  --border-light: #e2e8f0;
  --border-card: #cbd5e1;
  --border-focus: #3b82f6;

  /* Shadows */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 30px rgba(0, 0, 0, 0.15);
  --shadow-card: 0 25px 50px -12px rgba(0, 15, 45, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.1);
  --shadow-btn-blue: 0 8px 20px rgba(20, 85, 187, 0.35);
  --shadow-modal: 0 30px 60px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.15);

  /* Typography - Brand Font Nunito (TVSI standard) & Inter Fallback */
  --font-family: 'Nunito', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-size-xs: 0.875rem;    /* 14px */
  --font-size-sm: 1rem;        /* 16px */
  --font-size-base: 1.125rem;  /* 18px */
  --font-size-lg: 1.25rem;     /* 20px */
  --font-size-xl: 1.375rem;    /* 22px */
  --font-size-2xl: 1.625rem;   /* 26px */
  --font-size-3xl: 2rem;       /* 32px */

  /* Radius */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 20px;
  --radius-full: 9999px;

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
}