/* This site was custom designed by Sitethreesixty.com and is actively managed by Sitethreesixty.com */
/* ================================
   DESIGN TOKENS - DEFERRED
   Base color definitions and semantic tokens
   used by deferred CSS (structure, components, pages).
   Above-fold tokens live in critical.css / internal-critical.css.
   ================================ */

:root {

  /* ========================================
     BASE COLORS — referenced by deferred CSS
     ======================================== */

  --color-orange-dark: #EA580C;
  --color-orange-light: #FB923C;
  --color-orange-accessible: #b45309;
  --color-orange-soft: #FED7AA;
  --color-orange-subtle: #FFF7ED;

  --color-blue-light: #2563EB;
  --color-blue-soft: #DBEAFE;
  --color-blue-subtle: #EFF6FF;

  --color-text-muted: #6B7280;

  --color-off-white: #EDEDEC;
  --color-gray-100: #F3F4F6;
  --color-gray-200: #E5E7EB;
  --color-gray-300: #D1D5DB;
  --color-gray-400: #9CA3AF;

  --color-error: #DC2626;

  /* ========================================
     SEMANTIC TOKENS — deferred CSS
     ======================================== */

  --text-muted: var(--color-text-muted);
  --text-tertiary: var(--color-text-muted);

  --border-light: var(--color-gray-200);
  --border-medium: var(--color-gray-300);

  --card-bg: var(--color-white);
  --card-border: var(--color-gray-200);

  --accent-primary: var(--color-orange);

  --badge-bg: var(--color-blue-subtle);
  --badge-text: var(--color-blue);

  /* Line height — deferred */
  --line-height-relaxed: 1.8;

  /* ========================================
     RADIUS — deferred
     ======================================== */

  --radius-sm: 6px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* ========================================
     SHADOWS — deferred
     ======================================== */

  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 24px -4px rgba(0, 0, 0, 0.15), 0 4px 10px -2px rgba(0, 0, 0, 0.08);
  --shadow-xl: 0 20px 40px -8px rgba(0, 0, 0, 0.18), 0 10px 16px -6px rgba(0, 0, 0, 0.1);
  --shadow-2xl: 0 25px 60px -15px rgba(0, 0, 0, 0.25);
  --shadow-elevated: 0 16px 32px -6px rgba(0, 0, 0, 0.18), 0 6px 12px -3px rgba(0, 0, 0, 0.1);
  --shadow-elevated-hover: 0 20px 40px -6px rgba(0, 0, 0, 0.2), 0 8px 16px -4px rgba(0, 0, 0, 0.12);

  /* ========================================
     OVERLAY — deferred
     ======================================== */

  --overlay-medium: rgba(17, 24, 39, 0.5);

  /* ========================================
     COMPONENT TOKENS — deferred
     ======================================== */

  /* Background */
  --bg-section-alt: var(--color-off-white);

  /* Footer */
  --footer-bg: var(--color-gray-200);
  --footer-text: var(--color-text-secondary);
  --footer-heading: var(--color-text);
  --footer-link: var(--color-text-secondary);
  --footer-link-hover: var(--color-orange);

  /* Input */
  --input-bg: var(--color-white);
  --input-border: var(--color-gray-300);
  --input-text: var(--color-text);
  --input-placeholder: var(--color-text-muted);

  /* Badge */
  --badge-icon: var(--color-orange);

  /* List */
  --list-spacing: 0.75em;

  /* State colors */
  --color-info: #2980B9;
  --color-info-dark: #1a5276;
  --color-accent: var(--color-blue);
  --color-border: var(--color-gray-200);

  /* Navigation */
  --nav-border: var(--color-gray-200);
}

/* This site was custom designed by Sitethreesixty.com and is actively managed by Sitethreesixty.com */