/*
Theme Name:        PathikTV 3.0
Theme URI:         https://pothiktv.com
Description:       Official presentation theme for PathikTV 3.0 digital ecosystem. 100% authentic homepage design, accessible, responsive from 320px up to 4K displays. Presentation-only layer; all business logic decoupled into PathikTV plugins.
Version:           3.0.0
Author:            PathikTV Design & Engineering Team
Author URI:        https://pothiktv.com
Text Domain:       pathiktv-theme
Domain Path:       /languages
License:           GPL-2.0-or-later
License URI:       https://www.gnu.org/licenses/gpl-2.0.html
Requires at least: 6.4
Requires PHP:      8.1
Tags:              news, blog, custom-header, custom-menu, featured-images, flexible-header, full-width-template, responsive-layout, theme-options, translation-ready
*/

:root {
  /* Typography Scale */
  --ptv-font-sans: 'Plus Jakarta Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --ptv-font-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --ptv-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Brand Colors */
  --ptv-primary: #e11d48;
  --ptv-primary-hover: #be123c;
  --ptv-primary-light: #ffe4e6;
  --ptv-primary-dark: #881337;

  /* Surface & Neutral Colors */
  --ptv-surface: #ffffff;
  --ptv-surface-alt: #f8fafc;
  --ptv-background: #f1f5f9;
  --ptv-card-bg: #ffffff;
  --ptv-border: #e2e8f0;
  --ptv-border-strong: #cbd5e1;

  /* Text & Legibility */
  --ptv-text-main: #0f172a;
  --ptv-text-muted: #64748b;
  --ptv-text-subtle: #94a3b8;
  --ptv-text-inverse: #ffffff;

  /* Status Accents */
  --ptv-success: #10b981;
  --ptv-success-bg: #ecfdf5;
  --ptv-warning: #f59e0b;
  --ptv-warning-bg: #fffbeb;
  --ptv-danger: #ef4444;
  --ptv-danger-bg: #fef2f2;
  --ptv-info: #3b82f6;
  --ptv-info-bg: #eff6ff;

  /* Radii & Shadows */
  --ptv-radius-sm: 8px;
  --ptv-radius-md: 12px;
  --ptv-radius-lg: 16px;
  --ptv-radius-xl: 24px;
  --ptv-shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --ptv-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ptv-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}

/* Reset & Box Sizing */
html {
  box-sizing: border-box;
  font-family: var(--ptv-font-sans);
  background-color: var(--ptv-background);
  color: var(--ptv-text-main);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.6;
  min-width: 320px;
  background-color: var(--ptv-background);
  color: var(--ptv-text-main);
}

a {
  color: inherit;
  text-decoration: none;
}

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