/******* Do not edit this file *******
Code Snippets Manager
Saved: Sep 15 2025 | 19:21:13 */
@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 */
  --t-brand-primary:   #D61818;
  /* main red */
  --t-brand-primary-2: #C41212;
  /* darker red for hover/active */
  --t-brand-accent:    #FAAC00;
  /* reserved */
  --t-brand-action:    #004CA9;
  /* reserved */
  /* Neutrals & text */
  --t-text-strongest: #222222;
  --t-text-strong:    #4E4E4E;
  --t-text-medium:    #696969;
  --t-text-subtle:    #818181;
  --t-surface-base:   #FFFFFF;
  /* card surface */
  --t-surface-muted:  #F7F7F7;
  /* site background */
  --t-surface-subtle: #F1F1F1;
  /* light panels */
  --t-border-color:   #E5E5E5;
  /* Typography (Kadence controls sizes; expose families/weights) */
  --t-font-sans: "Cabin", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --t-h1-weight: 700;
  /* Cabin 700 */
  --t-heading-weight: 600;
  /* Cabin 600 for H2–H6 */
  /* Spacing scale (tight, predictable) */
  --t-space-1: 4px;
  --t-space-2: 8px;
  --t-space-3: 12px;
  --t-space-4: 16px;
  --t-space-5: 20px;
  --t-space-6: 24px;
  --t-space-8: 32px;
  /* Radii */
  --t-radius-sm: 8px;
  --t-radius-md: 12px;
  --t-radius-lg: 18px;
  --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 */
  --t-container-max: 1200px;
  --t-gutter: 24px;
  /* Breakpoints */
  --t-bp-sm: 600px;
  --t-bp-md: 900px;
  --t-bp-lg: 1200px;
  /* Section spacing (defaults used by optional .section utility) */
  --t-section-pad-y:    24px;
  /* desktop */
  --t-section-pad-y-sm: 16px;
  /* mobile */
  /* 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:       10px;
  --t-btn-px:       16px;
  /* 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:           2px;
  --t-badge-px:           10px;
  --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
----------------------------- */