:root {
      --primary: #14355e;
      --secondary: #ffc72c;
      --bg: #f4f4f4;
      --text: #1a1a1a;
      --headings-font: 'Noto Sans Devanagari', sans-serif;
      --body-font: 'Noto Serif Devanagari', serif;
    }
    
    body {
      font-family: var(--body-font);
      background-color: var(--bg);
      color: var(--text);
    }
    
    h1, h2, h3, h4, h5, h6, .logo, nav a, .ticker, .btn, th, .sidebar {
      font-family: var(--headings-font);
    }

    .logo .virat, nav a.active, .ticker, .trend-num {
      color: var(--secondary);
    }
    
    nav, .section-head h2, .cat-badge, footer, .share-btn, .about-author-head span, .app .sidebar {
      background-color: var(--primary) !important;
      color: #fff !important;
    }
    
    .share-btn {
      border: 1.5px solid var(--primary) !important;
      color: var(--primary) !important;
      background-color: #fff !important;
    }
    
    .share-btn:hover {
      background-color: var(--primary) !important;
      color: #fff !important;
    }

    .cat-chip {
      border: 1.5px solid var(--primary) !important;
      color: var(--primary) !important;
    }
    
    .hero-main h1 {
      font-size: 26px !important;
    }
    
    article h1 {
      font-size: 32px !important;
    }
    
    .subtitle {
      font-size: 17px !important;
    }
    
    .article-body p {
      font-size: 17px !important;
      line-height: 1.9;
    }
    
    .sidebar {
      font-size: 14px !important;
    }
    
    .article-body h2 {
      font-size: 22px !important;
    }
    
    .comments, .comment p {
      font-size: 14px !important;
    }
    
    nav a {
      font-size: 15px !important;
    }
    
    footer a, footer p, .footer-bottom {
      font-size: 13px !important;
    }