:root {
  --ta-color-navy: #0f214f;
  --ta-color-navy-deep: #152f70;
  --ta-color-mobile-panel: #14306f;
  --ta-color-turquoise: #55d6c9;
  --ta-color-white: #ffffff;
  --ta-color-text-light: rgba(255, 255, 255, 0.94);
  --ta-color-border-light: rgba(85, 214, 201, 0.95);
  --ta-color-page-bg: #ffffff;
  --ta-mobile-overlay-bg: rgba(0, 0, 0, 0.38);

  --ta-font-primary: "Peyda", Arial, sans-serif;

  /* Shared Typography Tokens */
  --ta-type-section-title-size: 34px;
  --ta-type-section-title-size-mobile: 26px;
  --ta-type-section-title-weight: 900;
  --ta-type-section-title-line-height: 1.35;
  --ta-type-section-title-letter-spacing: -0.02em;

  --ta-type-section-link-size: 16px;
  --ta-type-section-link-weight: 800;
  --ta-type-section-link-gap: 12px;
  --ta-type-section-link-icon-size: 1.35em;

  /* Unified card typography used by News and Projects */
  --ta-type-meta-size: 15px;
  --ta-type-meta-weight: 700;
  --ta-type-meta-icon-size: 22px;

  --ta-type-card-title-size: 18px;
  --ta-type-card-title-size-mobile: 17px;
  --ta-type-card-title-weight: 900;
  --ta-type-card-title-line-height: 1.55;

  --ta-type-card-text-size: 15px;
  --ta-type-card-text-size-mobile: 14px;
  --ta-type-card-text-weight: 600;
  --ta-type-card-text-line-height: 1.75;

  --ta-type-card-action-size: 15px;
  --ta-type-carousel-arrow-size: 20px;

  --ta-container-max-width: 1640px;
  --ta-container-padding-x: 28px;

  /* Spacing Scale */
  --ta-space-1: 4px;
  --ta-space-2: 8px;
  --ta-space-3: 12px;
  --ta-space-4: 16px;
  --ta-space-5: 24px;
  --ta-space-6: 32px;
  --ta-space-7: 40px;
  --ta-space-8: 48px;
  --ta-space-9: 56px;
  --ta-space-10: 64px;
  --ta-space-11: 72px;
  --ta-space-12: 80px;

  /* Page Flow */
  --ta-section-padding-y: 0px;
  --ta-section-padding-y-tablet: 0px;
  --ta-section-padding-y-mobile: 0px;
  --ta-section-gap-y: var(--ta-space-10);
  --ta-section-gap-y-tablet: var(--ta-space-8);
  --ta-section-gap-y-mobile: var(--ta-space-6);
  --ta-page-content-start-gap: var(--ta-space-9);
  --ta-page-content-start-gap-tablet: var(--ta-space-8);
  --ta-page-content-start-gap-mobile: var(--ta-space-7);
  --ta-page-content-end-gap: var(--ta-space-11);
  --ta-page-content-end-gap-tablet: var(--ta-space-9);
  --ta-page-content-end-gap-mobile: var(--ta-space-6);

  --ta-header-height: 88px;
  --ta-header-z-index: 1000;

  --ta-logo-width: 275px;
  --ta-logo-height: auto;

  --ta-menu-gap: 46px;
  --ta-menu-font-size: 19px;
  --ta-menu-font-weight: 800;
  --ta-menu-line-height: 1.6;
  --ta-menu-link-padding-y: 12px;
  --ta-menu-active-height: 4px;
  --ta-menu-active-radius: 999px;

  --ta-actions-gap: 20px;
  --ta-action-height: 58px;
  --ta-action-padding-x: 22px;
  --ta-action-gap: 10px;
  --ta-action-font-size: 17px;
  --ta-action-font-weight: 800;
  --ta-action-border-width: 1.5px;
  --ta-action-border-radius: 8px;
  --ta-phone-min-width: 220px;
  --ta-lang-min-width: 132px;

  --ta-mobile-header-height: 68px;
  --ta-mobile-logo-width: 148px;
  --ta-mobile-toggle-size: 42px;
  --ta-mobile-panel-width: 320px;
  --ta-mobile-panel-padding: 20px;

  --ta-shadow-action: 0 0 0 1px rgba(85, 214, 201, 0.08);
  --ta-shadow-panel: 0 18px 44px rgba(0, 0, 0, 0.24);

  --ta-transition-fast: 160ms ease;
  --ta-transition-normal: 260ms ease;

  /* Footer */
  --ta-footer-bg-start: #49b8ac;
  --ta-footer-bg-end: #32998f;
  --ta-footer-text: rgba(255, 255, 255, 0.94);
  --ta-footer-muted: rgba(255, 255, 255, 0.76);
  --ta-footer-accent: #ffd08a;
  --ta-footer-line: rgba(255, 255, 255, 0.62);
  --ta-footer-line-soft: rgba(255, 255, 255, 0.20);
  --ta-footer-padding-y: 40px;
  --ta-footer-padding-y-tablet: 36px;
  --ta-footer-padding-y-mobile: 34px;
  --ta-footer-content-min-height: 220px;
  --ta-footer-card-min-height: 220px;
  --ta-footer-icon-size: 54px;
  --ta-footer-social-size: 46px;
  --ta-footer-title-size: 22px;
  --ta-footer-heading-size: 20px;
  --ta-footer-text-size: 16px;
  --ta-footer-link-size: 16px;

  /* Latest News */
  --ta-news-bg: #ffffff;
  --ta-news-text: #152f70;
  --ta-news-heading-color: #152f70;
  --ta-news-card-bg: #ffffff;
  --ta-news-card-border-color: rgba(21, 47, 112, 0.06);
  --ta-news-card-border-width: 1px;
  --ta-news-card-shadow: 0 14px 34px rgba(21, 47, 112, 0.12);
  --ta-news-image-bg: #eaf2f5;
  --ta-news-meta-color: #152f70;
  --ta-news-excerpt-color: rgba(21, 47, 112, 0.82);
  --ta-news-link-hover: #152f70;

  --ta-radius-circle: 999px;
  --ta-news-card-radius: 16px;
  --ta-news-dot-size: 18px;
  --ta-news-title-gap: 16px;
  --ta-news-title-size: var(--ta-type-section-title-size);
  --ta-news-title-size-mobile: var(--ta-type-section-title-size-mobile);
  --ta-news-title-weight: var(--ta-type-section-title-weight);
  --ta-news-title-line-height: var(--ta-type-section-title-line-height);
  --ta-news-title-letter-spacing: var(--ta-type-section-title-letter-spacing);
  --ta-news-header-gap: 24px;
  --ta-news-header-margin-bottom: 24px;
  --ta-news-card-gap: 22px;
  --ta-news-card-gap-mobile: 18px;
  --ta-news-card-padding-x: 20px;
  --ta-news-card-padding-y: 18px;
  --ta-news-card-padding-x-mobile: 18px;
  --ta-news-card-padding-y-mobile: 14px;
  --ta-news-image-aspect-ratio: 1.55 / 1;
  --ta-news-image-aspect-ratio-mobile: 1.85 / 1;
  --ta-news-meta-gap: 16px;
  --ta-news-meta-icon-gap: 10px;
  --ta-news-meta-size: var(--ta-type-meta-size);
  --ta-news-meta-weight: var(--ta-type-meta-weight);
  --ta-news-meta-icon-size: var(--ta-type-meta-icon-size);
  --ta-news-meta-margin-bottom: 14px;
  --ta-news-card-title-size: var(--ta-type-card-title-size);
  --ta-news-card-title-size-mobile: var(--ta-type-card-title-size-mobile);
  --ta-news-card-title-weight: var(--ta-type-card-title-weight);
  --ta-news-card-title-line-height: var(--ta-type-card-title-line-height);
  --ta-news-card-title-margin-bottom: 10px;
  --ta-news-excerpt-size: var(--ta-type-card-text-size);
  --ta-news-excerpt-size-mobile: var(--ta-type-card-text-size-mobile);
  --ta-news-excerpt-weight: var(--ta-type-card-text-weight);
  --ta-news-excerpt-line-height: var(--ta-type-card-text-line-height);
  --ta-news-readmore-size: var(--ta-type-card-action-size);
  --ta-news-readmore-padding-top: 18px;
  --ta-news-all-size: var(--ta-type-section-link-size);
  --ta-news-link-weight: var(--ta-type-section-link-weight);
  --ta-news-link-gap: var(--ta-type-section-link-gap);
  --ta-news-icon-hover-shift: -4px;
  --ta-news-carousel-control-size: 44px;
  --ta-news-carousel-control-icon-size: var(--ta-type-carousel-arrow-size);
  --ta-news-carousel-controls-margin-top: 24px;
  --ta-news-carousel-control-offset: 22px;
  --ta-news-carousel-indicator-width: 9px;
  --ta-news-carousel-indicator-active-width: 24px;
  --ta-news-carousel-indicator-height: 9px;

  /* Latest Projects */
  --ta-projects-bg: #ffffff;
  --ta-projects-text: #152f70;
  --ta-projects-heading-color: #152f70;
  --ta-projects-card-bg: #152f70;
  --ta-projects-card-shadow: 0 14px 34px rgba(21, 47, 112, 0.16);
  --ta-projects-image-bg: #eaf2f5;
  --ta-projects-location-color: rgba(255, 255, 255, 0.92);
  --ta-projects-link-hover: #152f70;

  --ta-projects-card-radius: 16px;
  --ta-projects-dot-size: 18px;
  --ta-projects-title-gap: 16px;
  --ta-projects-title-size: var(--ta-type-section-title-size);
  --ta-projects-title-size-mobile: var(--ta-type-section-title-size-mobile);
  --ta-projects-title-weight: var(--ta-type-section-title-weight);
  --ta-projects-title-line-height: var(--ta-type-section-title-line-height);
  --ta-projects-title-letter-spacing: var(--ta-type-section-title-letter-spacing);
  --ta-projects-header-gap: 24px;
  --ta-projects-header-margin-bottom: 24px;
  --ta-projects-card-gap: var(--ta-news-card-gap);
  --ta-projects-card-gap-mobile: 18px;
  --ta-projects-card-min-height: 235px;
  --ta-projects-card-min-height-tablet: 230px;
  --ta-projects-card-min-height-mobile: 300px;
  --ta-projects-content-padding-x: var(--ta-news-card-padding-x);
  --ta-projects-content-padding-y: var(--ta-news-card-padding-y);
  --ta-projects-content-padding-x-mobile: 22px;
  --ta-projects-content-padding-y-mobile: 24px;
  --ta-projects-card-title-size: var(--ta-type-card-title-size);
  --ta-projects-card-title-size-mobile: var(--ta-type-card-title-size-mobile);
  --ta-projects-card-title-weight: var(--ta-type-card-title-weight);
  --ta-projects-card-title-line-height: var(--ta-type-card-title-line-height);
  --ta-projects-card-title-margin-bottom: var(--ta-news-card-title-margin-bottom);
  --ta-projects-location-gap: var(--ta-news-meta-icon-gap);
  --ta-projects-location-size: var(--ta-news-excerpt-size);
  --ta-projects-location-weight: var(--ta-news-excerpt-weight);
  --ta-projects-location-icon-size: var(--ta-news-meta-icon-size);
  --ta-projects-location-margin-bottom: var(--ta-news-card-title-margin-bottom);
  --ta-projects-badge-offset: 14px;
  --ta-projects-badge-height: 38px;
  --ta-projects-badge-min-width: 54px;
  --ta-projects-badge-padding-x: 14px;
  --ta-projects-badge-radius: 8px;
  --ta-projects-badge-size: var(--ta-news-meta-size);
  --ta-projects-badge-weight: var(--ta-news-meta-weight);
  --ta-projects-readmore-size: var(--ta-news-readmore-size);
  --ta-projects-all-size: var(--ta-type-section-link-size);
  --ta-projects-link-weight: var(--ta-type-section-link-weight);
  --ta-projects-link-gap: var(--ta-type-section-link-gap);
  --ta-projects-icon-hover-shift: -4px;
  --ta-projects-carousel-control-size: var(--ta-news-carousel-control-size);
  --ta-projects-carousel-control-icon-size: var(--ta-news-carousel-control-icon-size);
  --ta-projects-carousel-controls-margin-top: var(--ta-news-carousel-controls-margin-top);
  --ta-projects-carousel-control-offset: var(--ta-news-carousel-control-offset);
  --ta-projects-carousel-indicator-width: var(--ta-news-carousel-indicator-width);
  --ta-projects-carousel-indicator-active-width: var(--ta-news-carousel-indicator-active-width);
  --ta-projects-carousel-indicator-height: var(--ta-news-carousel-indicator-height);

  /* Service Detail */
  --ta-service-detail-media-width: 650px;
  --ta-service-detail-media-height: 700px;

  /* Related Projects */
  --ta-related-project-card-size: 250px;

}