/*
Theme Name: WisWits Content Portal
Theme URI: https://wiswits.com
Author: WisWits
Author URI: https://wiswits.com
Description: Private internal content team management system for educational content companies. Features role-based access, LaTeX rendering, review workflows, and export capabilities.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 8.0
License: Proprietary
License URI: https://wiswits.com/license
Text Domain: wiswits-portal
Tags: portal, content-management, education, private
*/

/* ============================================================
   CSS CUSTOM PROPERTIES — DESIGN SYSTEM
   ============================================================ */
:root {
    --color-primary:      #1A3C5E;
    --color-primary-dark: #0D2137;
    --color-secondary:    #E8A020;
    --color-success:      #2D7D46;
    --color-danger:       #C0392B;
    --color-warning:      #F39C12;
    --color-info:         #2980B9;
    --color-bg:           #F4F6F9;
    --color-sidebar:      #0D2137;
    --color-text:         #1C1C1C;
    --color-text-muted:   #6B7280;
    --color-border:       #DDE3EB;
    --color-white:        #FFFFFF;
    --color-card:         #FFFFFF;
    --color-overlay:      rgba(13, 33, 55, 0.6);
    --status-draft:       #6B7280;
    --status-in-review:   #2980B9;
    --status-approved:    #2D7D46;
    --status-rejected:    #C0392B;
    --status-frozen:      #1A3C5E;
    --font-heading: 'Playfair Display', Georgia, serif;
    --font-body:    'Source Sans 3', 'Segoe UI', sans-serif;
    --font-mono:    'JetBrains Mono', 'Fira Code', 'Consolas', monospace;
    --sidebar-width:        260px;
    --sidebar-collapsed:    60px;
    --header-height:        60px;
    --border-radius:        8px;
    --border-radius-sm:     4px;
    --border-radius-lg:     12px;
    --border-radius-pill:   50px;
    --shadow-card:    0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-modal:   0 8px 32px rgba(0, 0, 0, 0.18);
    --shadow-dropdown:0 4px 16px rgba(0, 0, 0, 0.12);
    --transition-fast:   0.15s ease;
    --transition-base:   0.2s ease;
    --transition-slow:   0.3s ease;
    --z-sidebar:    100;
    --z-header:     200;
    --z-dropdown:   300;
    --z-modal:      400;
    --z-toast:      500;
    --z-tooltip:    600;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { font-size: 16px; scroll-behavior: smooth; }
body { font-family: var(--font-body); font-size: 0.9375rem; color: var(--color-text); background-color: var(--color-bg); line-height: 1.6; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); font-weight: 700; line-height: 1.3; color: var(--color-primary); }
a { color: var(--color-primary); text-decoration: none; transition: color var(--transition-base); }
a:hover { color: var(--color-secondary); }
img { max-width: 100%; height: auto; }
ul, ol { list-style: none; }
button { font-family: var(--font-body); cursor: pointer; border: none; background: none; }
input, select, textarea { font-family: var(--font-body); }