/*
Theme Name: MyVizion Studio Child
Theme URI: https://myvizionstudio.example
Template: mzv-base
Author: MyVizion Studio
Author URI: https://myvizionstudio.example
Description: MyVizion Studio skin — a child theme of the reusable MVZ Base theme. Ships the studio token profile (pure black + #db0018, Oswald + Raleway). Swap the tokens below to make this any other site.
Version: 7.3.1
Requires at least: 6.5
Tested up to: 7.1
Requires PHP: 8.1
License: GPL-2.0-or-later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mzv-child
Tags: blog, portfolio, custom-menu, custom-logo, featured-images, threaded-comments, translation-ready
*/

/*
  MyVizion Studio Child — a skin of MVZ Base.
  Copyright (C) 2026 MyVizion Studio. Licensed GPL-2.0-or-later.
*/

/* ==========================================================================
   MYVIZION STUDIO SKIN — token profile
   This file is the ONLY place a new site needs to change to re-skin.
   Values measured from the reference template.
   ========================================================================== */

:root {
  /* brand */
  --mzv-accent: #db0018;
  --mzv-accent-rgb: 219, 0, 24;
  --mzv-accent-hover: #a60000;
  --mzv-text-accent: #ff4d63;       /* lighter accent for text — WCAG AA on black */
  --mzv-on-accent: #ffffff;         /* text/icon colour on an accent fill */

  /* surfaces */
  --mzv-bg: #000000;
  --mzv-surface: #151515;
  --mzv-surface-2: #0b0b0b;
  --mzv-border: #2d2d2d;
  --mzv-border-soft: #1c1c1c;

  /* text */
  --mzv-text: #e0e0e0;
  --mzv-text-muted: #8f8f8f;
  --mzv-text-strong: #fafafa;

  /* type */
  --mzv-font-display: "Oswald", "Arial Narrow", sans-serif;
  --mzv-font-body: "Raleway", "Helvetica Neue", Arial, sans-serif;

  /* shape + rhythm */
  --mzv-radius: 4px;
  --mzv-section-y: clamp(4rem, 9vw, 8.5rem);
}

/* --------------------------------------------------------------------------
   Light-mode variant (kept here so the skin is self-documenting).
   Activate by adding class="mzv-light" to <body> via a body_class filter.
   -------------------------------------------------------------------------- */
.mzv-light {
  --mzv-bg: #ffffff;
  --mzv-surface: #f4f4f4;
  --mzv-surface-2: #ececec;
  --mzv-border: #e0e0e0;
  --mzv-text: #2b2b2b;
  --mzv-text-muted: #5c5c5c;
  --mzv-text-strong: #0a0a0a;
  --mzv-text-accent: #c20016;
  --mzv-on-accent: #ffffff;
}
