/*
Theme Name: Dhaka Universal
Theme URI: https://www.linkedin.com/in/asratulhasannahid/
Author: Asratul Hasan Nahid
Author URI: https://www.linkedin.com/in/asratulhasannahid/
Description: The official theme of Dhaka Universal, a digital media company. The Source for News Insights Stories and Updates, covering Dhaka, Bangladesh and the wider world with clear reporting, useful context and human stories.
Version: 1.10.0
Tested up to: 6.7
Requires at least: 5.9
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dhaka-universal
Tags: news, magazine, bangladesh, dhaka, business, technology, sports, entertainment, editorial, blog, grid-layout, custom-header, custom-menu, featured-images
*/

/* ==========================================================================
   Design Tokens & CSS Variables
   ========================================================================== */
:root {
  /* Brand Identity */
  --primary: #D71921;               /* Brand Red */
  --primary-hover: #b51219;
  --primary-light: #fef2f2;
  --primary-border: #fecaca;

  --navy-top: #D71921;              /* Dhaka Universal brand red */
  --navy-btn: #D71921;              /* Brand actions and links */
  --navy-btn-hover: #b51219;
  --navy-footer: #a91219;           /* Deep brand red */

  /* Neutral Backgrounds */
  --bg-body: #ffffff;               /* Clean white editorial canvas */
  --bg-card: #ffffff;
  --bg-subtle: #f5f6f8;
  --bg-hover: #fff1f2;

  /* Borders */
  --border-color: #e5eaf2;
  --border-light: #eff3f8;
  --border-dark: #cbd5e1;

  /* Typography Colors */
  --text-main: #111827;             /* Main headline dark text */
  --text-body: #1e293b;             /* Body text */
  --text-muted: #526279;            /* Secondary / metadata */
  --text-light: #8a9bb2;            /* Sub-meta / ad labels */
  --text-link: #D71921;

  /* Typography Fonts */
  --font-serif: 'Libre Baskerville', Georgia, 'Noto Serif Bengali', serif;
  --font-sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Layout & Sizes */
  --max-width: 1240px;
  --radius-xs: 3px;
  --radius-sm: 5px;
  --radius-md: 8px;
  --radius-lg: 12px;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(15, 34, 64, 0.04);
  --shadow-md: 0 4px 14px rgba(15, 34, 64, 0.06);
  --shadow-lg: 0 10px 25px rgba(15, 34, 64, 0.08);

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}

/* The publication keeps a bright, white editorial canvas in every system theme. */

/* Reset & Base Elements */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-sans);
  background-color: var(--bg-body);
  color: var(--text-body);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}

a:hover {
  color: var(--primary);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  list-style: none;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin-left: auto;
  margin-right: auto;
  padding-left: 18px;
  padding-right: 18px;
}