/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 10 2026 | 19:55:29 */
/* ==========================================================
   NOTE.radio V2 — CORE TOKENS
   Version: 1.0
   Purpose:
   Shared Light / Dark design tokens for every NOTE.radio V2
   page root and reusable component tree.

   Required page-root convention:
   - HOME: existing ntr-v2-home
   - SINGLE: ntr-v2 ntr-v2-single
   - future V2 templates: include ntr-v2 on the root

   Theme source:
   .ntr-v2-megaheader[data-theme="light|dark"]
   ========================================================== */


/* ==========================================================
   01. DEFAULT / LIGHT
   ========================================================== */

.ntr-v2,
.ntr-v2-home {

    --ntr-page-bg: #F4F7FA;

    --ntr-surface: #FFFFFF;
    --ntr-surface-2: #EEF3F6;
    --ntr-surface-3: #E7EDF2;

    --ntr-text-primary: #0D1B28;
    --ntr-text-secondary: #52616F;
    --ntr-text-muted: #748391;

    --ntr-border: rgba(13, 27, 40, 0.12);
    --ntr-border-strong: rgba(13, 27, 40, 0.20);

    --ntr-accent: #FF7A00;
    --ntr-accent-hover: #E96F00;

    --ntr-hover-bg: rgba(13, 27, 40, 0.045);

    --ntr-shadow-soft:
        0 4px 18px rgba(13, 27, 40, 0.07);

    --ntr-radius-sm: 8px;
    --ntr-radius-md: 12px;
    --ntr-radius-lg: 16px;

    color-scheme: light;
}


/* ==========================================================
   02. EXPLICIT LIGHT
   Header remains the current global theme-state source.
   Direct data-theme on a V2 root is also supported.
   ========================================================== */

.ntr-v2[data-theme="light"],
.ntr-v2-home[data-theme="light"],
body:has(.ntr-v2-megaheader[data-theme="light"]) .ntr-v2,
body:has(.ntr-v2-megaheader[data-theme="light"]) .ntr-v2-home {

    --ntr-page-bg: #F4F7FA;

    --ntr-surface: #FFFFFF;
    --ntr-surface-2: #EEF3F6;
    --ntr-surface-3: #E7EDF2;

    --ntr-text-primary: #0D1B28;
    --ntr-text-secondary: #52616F;
    --ntr-text-muted: #748391;

    --ntr-border: rgba(13, 27, 40, 0.12);
    --ntr-border-strong: rgba(13, 27, 40, 0.20);

    --ntr-accent: #FF7A00;
    --ntr-accent-hover: #E96F00;

    --ntr-hover-bg: rgba(13, 27, 40, 0.045);

    --ntr-shadow-soft:
        0 4px 18px rgba(13, 27, 40, 0.07);

    color-scheme: light;
}


/* ==========================================================
   03. DARK
   ========================================================== */

.ntr-v2[data-theme="dark"],
.ntr-v2-home[data-theme="dark"],
body:has(.ntr-v2-megaheader[data-theme="dark"]) .ntr-v2,
body:has(.ntr-v2-megaheader[data-theme="dark"]) .ntr-v2-home {

    --ntr-page-bg: #07131E;

    --ntr-surface: #0D1B28;
    --ntr-surface-2: #122434;
    --ntr-surface-3: #172A3A;

    --ntr-text-primary: #F5F7FA;
    --ntr-text-secondary: #B7C2CC;
    --ntr-text-muted: #8997A5;

    --ntr-border: rgba(255, 255, 255, 0.10);
    --ntr-border-strong: rgba(255, 255, 255, 0.18);

    --ntr-accent: #FF7A00;
    --ntr-accent-hover: #FF922E;

    --ntr-hover-bg: rgba(255, 255, 255, 0.055);

    --ntr-shadow-soft:
        0 4px 20px rgba(0, 0, 0, 0.22);

    color-scheme: dark;
}