/*
Theme Name: DocEdit
Theme URI: https://docedit.app
Author: Piyash Datta
Author URI: https://docedit.app
Description: A modern, Tailwind CSS–powered WordPress theme for DocEdit — a free, privacy-first browser-based PDF editor.
Version: 2.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: docedit
Tags: one-column, custom-menu, featured-images, translation-ready
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
*/

/* ── Design Tokens ── */
:root {
  --background: 0 0% 100%;
  --foreground: 220 13% 18%;
  --card: 0 0% 100%;
  --card-foreground: 220 13% 18%;
  --popover: 0 0% 100%;
  --popover-foreground: 220 13% 18%;
  --primary: 217 91% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 220 14% 96%;
  --secondary-foreground: 220 13% 18%;
  --muted: 220 14% 96%;
  --muted-foreground: 220 9% 46%;
  --accent: 217 91% 96%;
  --accent-foreground: 217 91% 53%;
  --destructive: 0 84% 60%;
  --destructive-foreground: 0 0% 100%;
  --border: 220 13% 91%;
  --input: 220 13% 91%;
  --ring: 217 91% 53%;
  --radius: 0.75rem;
  --surface: 220 14% 98%;
  --surface-foreground: 220 13% 18%;
  --brand-glow: 217 91% 53%;
}

.dark {
  --background: 222 47% 6%;
  --foreground: 210 40% 96%;
  --card: 222 47% 9%;
  --card-foreground: 210 40% 96%;
  --popover: 222 47% 9%;
  --popover-foreground: 210 40% 96%;
  --primary: 217 91% 60%;
  --primary-foreground: 0 0% 100%;
  --secondary: 217 33% 14%;
  --secondary-foreground: 210 40% 96%;
  --muted: 217 33% 14%;
  --muted-foreground: 215 20% 65%;
  --accent: 217 33% 17%;
  --accent-foreground: 217 91% 70%;
  --destructive: 0 63% 31%;
  --destructive-foreground: 210 40% 96%;
  --border: 217 33% 17%;
  --input: 217 33% 17%;
  --ring: 217 91% 60%;
  --surface: 222 47% 8%;
  --surface-foreground: 210 40% 96%;
  --brand-glow: 217 91% 60%;
}

/* ── Custom utilities ── */
.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(135deg, hsl(var(--primary)), hsl(217 91% 70%));
}

.glass {
  background: hsl(var(--background) / 0.6);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  border: 1px solid hsl(var(--border) / 0.5);
}

.hero-glow {
  background: radial-gradient(ellipse 60% 50% at 50% -10%, hsl(var(--primary) / 0.12), transparent);
}