/*
Theme Name: Verbsoft Apple Theme
Theme URI: https://verbsoft.com
Author: Verbsoft Studio
Author URI: https://verbsoft.com
Description: An ultra-sleek, Apple-inspired WordPress theme crafted for indie software developers and app studios. Built for maximum speed, modern Bento grids, interactive downloads, and seamless license integration.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: verbsoft
Tags: software, apple-style, dark-mode, bento-grid, clean, modern, responsive-layout, translation-ready
*/

:root {
  /* Apple Colors - Dark Theme (Default) */
  --bg-primary: #000000;
  --bg-secondary: #0d0d0f;
  --bg-tertiary: #161618;
  --bg-card: rgba(26, 26, 30, 0.65);
  --bg-card-hover: rgba(38, 38, 44, 0.85);
  --bg-card-solid: #18181c;
  --bg-glass: rgba(20, 20, 24, 0.72);
  --bg-glass-nav: rgba(0, 0, 0, 0.75);
  --bg-input: rgba(255, 255, 255, 0.08);

  --text-primary: #f5f5f7;
  --text-secondary: #a1a1a6;
  --text-muted: #86868b;
  --text-dim: #636366;

  --accent-primary: #2997ff;
  --accent-secondary: #0071e3;
  --accent-hover: #147ce5;
  --accent-glow: rgba(41, 151, 255, 0.35);
  --accent-gradient: linear-gradient(135deg, #2997ff 0%, #a855f7 100%);
  --apple-gold: #f5d061;
  --apple-green: #30d158;
  --apple-orange: #ff9f0a;
  --apple-red: #ff453a;
  --apple-purple: #bf5af2;
  --apple-teal: #64d2ff;

  --border-color: rgba(255, 255, 255, 0.1);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --border-strong: rgba(255, 255, 255, 0.18);
  --border-focus: rgba(41, 151, 255, 0.5);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.45);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.6);
  --shadow-card: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
  --shadow-glow: 0 0 35px rgba(41, 151, 255, 0.25);

  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --radius-xl: 32px;
  --radius-pill: 9999px;

  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SF Mono", Menlo, Monaco, Consolas, "Liberation Mono", monospace;

  --nav-height: 52px;
  --container-max: 1200px;
  --container-narrow: 840px;
  --transition-fast: 0.2s cubic-bezier(0.25, 0.1, 0.25, 1);
  --transition-normal: 0.35s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f5f5f7;
  --bg-tertiary: #e8e8ed;
  --bg-card: rgba(255, 255, 255, 0.85);
  --bg-card-hover: rgba(255, 255, 255, 0.98);
  --bg-card-solid: #ffffff;
  --bg-glass: rgba(255, 255, 255, 0.8);
  --bg-glass-nav: rgba(255, 255, 255, 0.8);
  --bg-input: rgba(0, 0, 0, 0.05);

  --text-primary: #1d1d1f;
  --text-secondary: #515154;
  --text-muted: #86868b;
  --text-dim: #a1a1a6;

  --accent-primary: #0071e3;
  --accent-secondary: #0077ed;
  --accent-hover: #0062c4;
  --accent-glow: rgba(0, 113, 227, 0.2);
  --accent-gradient: linear-gradient(135deg, #0071e3 0%, #8b5cf6 100%);

  --border-color: rgba(0, 0, 0, 0.08);
  --border-subtle: rgba(0, 0, 0, 0.04);
  --border-strong: rgba(0, 0, 0, 0.15);
  --border-focus: rgba(0, 113, 227, 0.4);

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 20px 48px rgba(0, 0, 0, 0.1);
  --shadow-card: 0 8px 32px 0 rgba(0, 0, 0, 0.05);
  --shadow-glow: 0 0 35px rgba(0, 113, 227, 0.15);
}