/*
Theme Name: Farooq Data Engineer
Theme URI: https://muhammadfarooq.online
Author: Muhammad Farooq
Author URI: https://muhammadfarooq.online
Description: A premium, animated portfolio theme built for Data Engineers, AI Engineers and Data Scientists. Features 8 custom post types (Projects, Certificates, Experience, Education, Achievements, Testimonials, Services, FAQs), a full theme options panel, an animated "data pipeline" motion signature, glassmorphism UI, and built-in SEO/schema output. Built for muhammadfarooq.online.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Tested up to: 6.7
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: farooq-portfolio
Tags: portfolio, one-column, two-columns, custom-menu, featured-images, threaded-comments, translation-ready, custom-logo, custom-colors, blog

Farooq Data Engineer is distributed under the terms of the GNU GPL v2 or later.
*/

/* ==========================================================================
   Design tokens
   Signature: an animated data-pipeline line (SVG + canvas particles) that
   threads through the page, plus glass "node" cards — a literal nod to
   ETL/data-pipeline visuals rather than a generic gradient blob.
   ========================================================================== */

:root{
  /* Palette */
  --fp-ink:        #0B1220;   /* near-black navy for text/headlines */
  --fp-ink-soft:    #45526B;  /* secondary text */
  --fp-bg:          #F7F9FC;  /* page background, cool light gray */
  --fp-surface:     #FFFFFF;  /* card surface */
  --fp-line:        #E4E9F2;  /* hairlines/borders */

  --fp-blue:        #2F6FED;  /* primary — signal blue */
  --fp-blue-deep:   #14367D;
  --fp-cyan:        #06B6D4;  /* secondary — data cyan */
  --fp-violet:      #7C3AED;  /* accent — AI violet */
  --fp-amber:       #F5A524;  /* rare highlight, use sparingly */

  --fp-gradient: linear-gradient(120deg, var(--fp-blue) 0%, var(--fp-cyan) 55%, var(--fp-violet) 100%);
  --fp-gradient-soft: linear-gradient(135deg, rgba(47,111,237,.10), rgba(6,182,212,.08) 45%, rgba(124,58,237,.10));

  --fp-glass-bg: rgba(255,255,255,0.62);
  --fp-glass-border: rgba(255,255,255,0.55);
  --fp-shadow-sm: 0 2px 10px rgba(11,18,32,.06);
  --fp-shadow-md: 0 10px 30px rgba(11,18,32,.08);
  --fp-shadow-lg: 0 24px 60px rgba(20,54,125,.14);

  /* Type */
  --fp-font-display: "Space Grotesk", "Inter", sans-serif;
  --fp-font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
  --fp-font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;

  --fp-radius-sm: 10px;
  --fp-radius-md: 18px;
  --fp-radius-lg: 28px;

  --fp-container: 1200px;
}

[data-theme="dark"]{
  --fp-ink: #EEF2FA;
  --fp-ink-soft: #A9B4CA;
  --fp-bg: #0A0F1C;
  --fp-surface: #101828;
  --fp-line: #1E2740;
  --fp-glass-bg: rgba(16,24,40,0.6);
  --fp-glass-border: rgba(255,255,255,0.08);
}