/*
 * Final frontend overrides.
 *
 * This stylesheet is printed near the end of wp_head by the Site Utilities
 * module, after WordPress's normal stylesheet queue.
 */

:root {
	/* Add final global token overrides here. */
}
:root {
  /* your palette */
  --yh-primary-color: #2c2c2c;
  --yh-accent-color: #f27a1a;
  --yh-accent-secondary-color: #ffa300;
  --yh-background-color: #f9f9f9;
  --yh-surface: rgb(251, 248, 245);
  --yh-surface-contrast: #ffffff;
  --yh-gradiant: linear-gradient(90deg, var(--yh-accent-color) 0%, var(--yh-accent-secondary-color) 100%);
 
  /* derived orange scale */
  --yh-accent-hover: #d96a0e;        /* darker — hover / pressed fills */
  --yh-accent-deep: #b85a0c;         /* deepest fill */
  --yh-accent-text: #b5560c;         /* AA-safe on white (~4.9:1) — links / brand text */
  --yh-accent-text-hover: #9a4a0a;
  --yh-accent-tint: #fde6d3;         /* light bg tint (replaces the light-blue tints) */
  --yh-accent-tint-2: #fbd9bf;       /* slightly stronger tint — tint hover */
  --yh-accent-tint-soft: #fef6ee;    /* faintest bg wash */
  --yh-accent-disabled: #f7c79a;     /* disabled primary button */
  --yh-accent-border-soft: #f7b27a;  /* soft brand border */
  --yh-accent-on-dark: #f9a84d;      /* lighter orange — text/links on dark surfaces */
}
 
 
/* 2. LIGHT THEME
   ------------------------------------------------------------
   :root:not([data-tutor-theme=dark]) covers the default (no
   attribute) and excludes dark; [data-tutor-theme=light] covers
   the explicit toggle. Together they keep these values out of
   dark mode entirely.
*/
:root:not([data-tutor-theme="dark"]),
[data-tutor-theme="light"] {
 
  /* --- brand surfaces --- */
  --tutor-surface-brand-dark: var(--yh-primary-color);
  --tutor-surface-brand-primary: var(--yh-accent-color);
  --tutor-surface-brand-primary-2: var(--yh-accent-hover);
  --tutor-surface-brand-secondary: var(--yh-accent-tint);
  --tutor-surface-brand-tertiary: var(--yh-accent-tint-soft);
  --tutor-surface-brand-quaternary: var(--yh-accent-tint-2);
 
  /* --- brand text (AA-safe) --- */
  --tutor-text-brand: var(--yh-accent-text);
  --tutor-text-brand-hover: var(--yh-accent-text-hover);
  --tutor-text-brand-secondary: var(--yh-accent-color);
 
  /* --- brand icons --- */
  --tutor-icon-brand: var(--yh-accent-color);
  --tutor-icon-brand-hover: var(--yh-accent-hover);
  --tutor-icon-brand-secondary: var(--yh-accent-tint);
 
  /* --- primary buttons --- */
  --tutor-button-primary: var(--yh-accent-color);
  --tutor-button-primary-hover: var(--yh-accent-hover);
  --tutor-button-primary-focused: var(--yh-accent-color);
  --tutor-button-primary-disabled: var(--yh-accent-disabled);
  --tutor-button-primary-soft: var(--yh-accent-tint);
  --tutor-button-primary-soft-hover: var(--yh-accent-tint-2);
  --tutor-button-primary-soft-focused: var(--yh-accent-tint);
 
  /* --- brand borders (focus rings / active borders) --- */
  --tutor-border-brand: var(--yh-accent-color);
  --tutor-border-brand-secondary: var(--yh-accent-tint);
  --tutor-border-brand-tertiary: var(--yh-accent-border-soft);
 
  /* --- tabs that used the blue tint --- */
  --tutor-tab-sidebar-l2-active: var(--yh-accent-tint);
  --tutor-tab-sidebar-l4-active: var(--yh-accent-tint);
  --tutor-tab-l3: var(--yh-accent-tint);
  --tutor-tab-l3-hover: var(--yh-accent-tint-2);
  --tutor-tab-l3-active: var(--yh-accent-tint);
 
  /* --- action accents --- */
  --tutor-actions-brand-primary: var(--yh-accent-color);
  --tutor-actions-brand-secondary: var(--yh-accent-tint);
  --tutor-actions-brand-tertiary: var(--yh-accent-tint-soft);
 
  /* --- charts / illustrations --- */
  --tutor-visual-brand-1: var(--yh-accent-color);
  --tutor-visual-brand-2: var(--yh-accent-border-soft);
  --tutor-visual-brand-3: var(--yh-accent-tint);
 
  /* ---------- OPTIONAL: warmth (Tier 2) ----------
     Comment these three out to keep the theme's cooler neutrals. */
  --tutor-text-primary: var(--yh-primary-color);     /* softer #2c2c2c vs #0c111d */
  --tutor-surface-base: var(--yh-background-color);  /* page bg */
  --tutor-surface-l1: var(--yh-surface);             /* cards / panels (warm paper) */
}
 
 
/* 3. DARK THEME — brand cluster only
   ------------------------------------------------------------
   Surfaces / neutrals are intentionally left to the theme.
   Brand fills stay vivid; brand text uses a lighter orange so
   it reads on dark backgrounds.
*/
[data-tutor-theme="dark"] {
 
  /* --- brand surfaces (warm-dark tints) --- */
  --tutor-surface-brand-dark: #2a1908;
  --tutor-surface-brand-primary: var(--yh-accent-color);
  --tutor-surface-brand-primary-2: var(--yh-accent-hover);
  --tutor-surface-brand-secondary: #3a2410;
  --tutor-surface-brand-quaternary: #5a3410;
 
  /* --- brand text (lighter for dark bg) --- */
  --tutor-text-brand: var(--yh-accent-on-dark);
  --tutor-text-brand-hover: var(--yh-accent-on-dark);
  --tutor-text-brand-secondary: var(--yh-accent-border-soft);
 
  /* --- brand icons --- */
  --tutor-icon-brand: var(--yh-accent-on-dark);
  --tutor-icon-brand-hover: var(--yh-accent-color);
 
  /* --- primary buttons --- */
  --tutor-button-primary: var(--yh-accent-color);
  --tutor-button-primary-hover: var(--yh-accent-hover);
  --tutor-button-primary-focused: var(--yh-accent-color);
  --tutor-button-primary-disabled: #7a4a1a;
 
  /* --- brand borders --- */
  --tutor-border-brand: var(--yh-accent-color);
  --tutor-border-brand-tertiary: var(--yh-accent-hover);
 
  /* --- action accents --- */
  --tutor-actions-brand-primary: var(--yh-accent-on-dark);
  --tutor-actions-brand-secondary: #3a2410;
 
  /* --- charts / illustrations --- */
  --tutor-visual-brand-1: var(--yh-accent-color);
  --tutor-visual-brand-2: var(--yh-accent-hover);
  --tutor-visual-brand-3: #5a3410;
}