/*
Theme Name: Cycom
Theme URI: https://cycom.com.cy
Author: Global Titan Digital Marketing
Author URI: https://globaltitandigitalmarketing.com
Description: Custom bespoke theme for Cycom — a fully independent, hand-built theme (no page-builder or CDN framework dependency). Dark "deep-space" aesthetic driven by the approved Cycom brand direction: electric blue #68d3fd + royal purple #451cc8, with lime #afd500 reserved for status accents.
Version: 0.2.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: cycom
*/

/* -------------------------------------------------------------------------
   The full stylesheet lives in /assets/css/main.css (enqueued in
   functions.php). This file carries the required WordPress theme header plus
   the design tokens, so they are available theme-wide even before main.css.

   Palette source: approved Stitch design (Cycom SOFIA / "modern dark
   fintech"). Primary = Electric Blue, Secondary = Royal Purple,
   Tertiary/status = Lime. Deep-space neutral surfaces.
   ------------------------------------------------------------------------- */

:root {
  /* ---- Brand ---- */
  --brand-slate: #293236;   /* logo dark ink (kept for reference) */
  --brand-lime:  #b2c735;   /* logo accent (kept for reference)   */

  /* ---- Surfaces (deep-space dark theme) ---- */
  --bg:          #0b0c0e;   /* page background          */
  --surface-1:   #121315;   /* raised section band      */
  --surface-2:   #1a1c1e;   /* card base                */
  --surface-3:   #222428;   /* hover / higher elevation */
  --glass-bg:    rgba(26, 28, 30, 0.42);
  --glass-brd:   rgba(255, 255, 255, 0.08);
  --hairline:    rgba(255, 255, 255, 0.06);

  /* ---- Accent: Electric Blue (primary) ---- */
  --accent:        #68d3fd;
  --accent-bright: #bce9ff;
  --accent-deep:   #3eb0d8;
  --accent-glow:   rgba(104, 211, 253, 0.14);
  --accent-tint:   rgba(104, 211, 253, 0.10);

  /* ---- Secondary: Royal Purple ---- */
  --purple:        #c9bfff;
  --purple-deep:   #451cc8;
  --purple-vivid:  #4720ca;
  --purple-glow:   rgba(71, 32, 202, 0.30);
  --purple-tint:   rgba(201, 191, 255, 0.10);

  /* ---- Tertiary: Lime (status / growth garnish only) ---- */
  --lime:          #afd500;
  --lime-bright:   #caf230;  /* highlight tier */
  --lime-glow:     rgba(175, 213, 0, 0.12);
  --lime-tint:     rgba(175, 213, 0, 0.10);

  /* ---- Gradients ---- */
  --grad-primary:  linear-gradient(135deg, #68d3fd 0%, #4720ca 100%);
  --grad-panel:    linear-gradient(135deg, #56c4f0 0%, #4b3ddb 55%, #4720ca 100%);

  /* ---- Text ---- */
  --text:       #e3e2e5;
  --text-muted: #9aa4ad;
  --text-dim:   rgba(227, 226, 229, 0.55);
  --on-accent:  #ffffff;    /* white text on blue-gradient CTAs */

  /* ---- Type ---- */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* ---- Layout ---- */
  --container: 1240px;
  --gutter: clamp(20px, 5vw, 40px);
  --radius-sm: 12px;
  --radius: 18px;
  --radius-lg: 28px;
  --radius-xl: 40px;

  /* ---- Elevation ---- */
  --shadow-card: 0 1px 0 rgba(255,255,255,.03) inset, 0 20px 50px -20px rgba(0,0,0,.6);
  --shadow-cta:  0 18px 40px -12px rgba(104,211,253,.35);
}