/******* Do not edit this file *******
Code Snippets Manager
Saved: Oct 11 2025 | 07:44:00 */
@charset "UTF-8";
/* =========================================================
TOKENS (finalized, minimal, future-proof)
Purpose: single source of truth for all values
Order: 1) PRIMITIVES  2) SEMANTICS  3) (optional) COMPONENT TOKENS
========================================================= */
/* -----------------------------
1) PRIMITIVES — raw values only
----------------------------- */
:root {
  /* Brand (Kadence Palette) */
  --t-brand-primary:   var(--global-palette1);
  /* #D61818 */
  --t-brand-primary-2: var(--global-palette2);
  /* #C41212 */
  --t-brand-accent:    #FAAC00;
  /* reserved, not in Kadence */
  --t-brand-action:    #004CA9;
  /* reserved, not in Kadence */
  /* Neutrals & text (Kadence Palette) */
  --t-text-strongest: var(--global-palette3);
  /* #222222 */
  --t-text-strong:    var(--global-palette4);
  /* #4E4E4E */
  --t-text-medium:    var(--global-palette5);
  /* #696969 */
  --t-text-subtle:    var(--global-palette6);
  /* #818181 */
  /* Surfaces (Kadence Palette) */
  --t-surface-subtle: var(--global-palette7);
  /* #F1F1F1 */
  --t-surface-muted:  var(--global-palette8);
  /* #F7F7F7 */
  --t-surface-base:   var(--global-palette9);
  /* #FFFFFF */
  --t-border-color:   #E5E5E5;
  /* Kadence doesn’t expose border — keep custom */
  /* Typography just in case (Kadence controls sizes or they are hardcoded) */
  --t-font-body: var(--global-body-font-family);
  --t-font-heading: var(--global-heading-font-family);
  /* Spacing scale (Kadence aliases, fluid in rem) */
  --t-space-xxs: var(--global-kb-spacing-xxs, 0.5rem);
  /* 8px */
  --t-space-xs:  var(--global-kb-spacing-xs, 1rem);
  /* 16px */
  --t-space-sm:  var(--global-kb-spacing-sm, 1.5rem);
  /* 24px */
  --t-space-md:  var(--global-kb-spacing-md, 2rem);
  /* 32px */
  --t-space-lg:  var(--global-kb-spacing-lg, 3rem);
  /* 48px */
  --t-space-xl:  var(--global-kb-spacing-xl, 4rem);
  /* 64px */
  --t-space-xxl: var(--global-kb-spacing-xxl, 5rem);
  /* 80px */
  --t-space-3xl: var(--global-kb-spacing-3xl, 6.5rem);
  /* 104px */
  --t-space-4xl: var(--global-kb-spacing-4xl, 8rem);
  /* 128px */
  --t-space-5xl: var(--global-kb-spacing-5xl, 10rem);
  /* 160px */
  /* Radii */
  --t-radius-sm: 4px;
  --t-radius-md: 8px;
  --t-radius-lg: 16px;
  --t-radius-xl: 32px;
  --t-radius-pill: 999px;
  /* Shadows (minimal elevation set) */
  --t-shadow-flat: none;
  --t-shadow-1: 0 4px 12px rgba(0,0,0,0.10);
  /* default card */
  --t-shadow-2: 0 6px 18px rgba(0,0,0,0.15);
  /* hover/lift */
  /* Motion */
  --t-ease: cubic-bezier(.22,.61,.36,1);
  --t-dur-fast: 120ms;
  --t-dur: 200ms;
  /* Layout Gaps don't correlate to Kadence*/
  --t-container-max: var(--global-content-width, 1190px);
  /* safe fallback */
  --t-gutter-sm: 1rem;
  /* optional smaller gap (~16px) */
  --t-gutter: 1.5rem;
  /* default gap (~24px) */
  --t-gutter-lg: 2rem;
  /* optional larger gap */
  /* Breakpoints */
  --t-bp-sm: 768px;
  /* mobile <→ tablet */
  --t-bp-md: 1024px;
  /* tablet <→ desktop */
  --t-bp-lg: 1200px;
  /* optional, large container cutoff */
  /* STATE PRIMITIVES (new, lean) */
  --t-success-bg:   #E8F6ED;
  --t-success-text: #1F7A3B;
  --t-info-bg:      #E8F1FB;
  --t-info-text:    #164A96;
  /* Useful text-on-accent primitive (avoid hardcoding #fff in semantics if desired) */
  --t-text-on-accent: #FFFFFF;
}
/* -----------------------------
2) SEMANTIC TOKENS — aliases mapped to real use-cases
(Consume these in utilities, plugins, and Kadence where possible)
----------------------------- */
/* Text on surfaces */
:root {
  --t-text-on-base:   var(--t-text-strongest);
  --t-text-on-muted:  var(--t-text-strongest);
  --t-text-on-subtle: var(--t-text-strongest);
}
/* Links */
:root {
  --t-link:         var(--t-brand-primary);
  --t-link-hover:   var(--t-brand-primary-2);
  --t-link-active:  color-mix(in oklab, var(--t-brand-primary-2) 82%, black);
  --t-focus-ring:   0 0 0 3px color-mix(in oklab, var(--t-brand-primary-2) 25%, white);
}
/* Cards */
:root {
  --t-card-bg:      var(--t-surface-base);
  --t-card-text:    var(--t-text-on-base);
  --t-card-border:  1px solid var(--t-border-color);
  --t-card-shadow:  var(--t-shadow-1);
  /* default card depth */
  --t-card-shadow-h:var(--t-shadow-2);
  /* default hover depth */
}
/* Buttons */
:root {
  --t-btn-radius:   var(--t-radius-md);
  --t-btn-py:       24px;
  --t-btn-px:       32px;
  /* Primary */
  --t-btn-primary-bg:         var(--t-brand-primary);
  --t-btn-primary-text:       var(--t-text-on-accent);
  --t-btn-primary-bg-hover:   var(--t-brand-primary-2);
  --t-btn-primary-bg-active:  color-mix(in oklab, var(--t-brand-primary-2) 80%, black);
  --t-btn-primary-shadow:     var(--t-shadow-1);
  /* Secondary */
  --t-btn-secondary-bg:       var(--t-surface-base);
  --t-btn-secondary-text:     var(--t-text-strongest);
  --t-btn-secondary-border:   1px solid var(--t-border-color);
  --t-btn-secondary-bg-hover: var(--t-surface-subtle);
  --t-btn-secondary-shadow:   var(--t-shadow-1);
  /* Tertiary (text button) */
  --t-btn-tertiary-text:       var(--t-brand-primary);
  --t-btn-tertiary-text-hover: var(--t-brand-primary-2);
}
/* Badges */
:root {
  --t-badge-radius:       var(--t-radius-pill);
  --t-badge-py:           4px;
  --t-badge-px:           8px;
  --t-badge-neutral-bg:   var(--t-surface-subtle);
  --t-badge-neutral-text: var(--t-text-strong);
  --t-badge-success-bg:   var(--t-success-bg);
  --t-badge-success-text: var(--t-success-text);
  --t-badge-info-bg:      var(--t-info-bg);
  --t-badge-info-text:    var(--t-info-text);
}
/* Nav & tabs */
:root {
  --t-nav-text:         var(--t-text-strongest);
  --t-nav-text-active:  var(--t-brand-primary-2);
  --t-nav-underline:    var(--t-brand-primary-2);
}
/* -----------------------------
3) (Optional) Component tokens — reserved for later
(e.g., --t-progress-complete-bg) — keep empty for now
----------------------------- */