/* ============================================================
   ValidBound / SpeechGradebook — brand color primitives
   Single source of truth for hex values. Alias layers live in:
     css/legacy-bridge.css     (app)
     css/marketing-pages.css   (product marketing)
     validbound/site.css       (company site)
   Do not redefine these hex values elsewhere.
   Last updated: August 2026
   ============================================================ */

:root {
  --color-primary:        #1e3a5f;
  --color-primary-dark:   #142940;
  --color-primary-light:  #2d4a6f;

  --color-accent:         #e8a838;
  --color-accent-dark:    #c98f20;
  --color-accent-light:   #f2c46d;
  /* Soft cream wash for marketing pills / callouts (not the gold tint above) */
  --color-accent-wash:    #fdf3dc;

  --color-secondary:      #4a7c8f;
  --color-secondary-dark: #3a6070;

  --color-gray-50:        #f9fafb;
  --color-gray-100:       #f5f6f8;
  --color-gray-200:       #eceef2;
  --color-gray-300:       #d1d5db;
  --color-gray-400:       #9ca3af;
  --color-gray-500:       #6b7280;
  --color-gray-600:       #4b5563;
  --color-gray-900:       #111827;

  --color-success:        #2a9d6f;
  --color-warning:        #e8a838;
  --color-error:          #dc2626;
  --color-info:           #4a7c8f;

  --color-bg-page:        #f5f6f8;
  --color-bg-card:        #ffffff;
  --color-bg-nav:         #142940;
  --color-bg-nav-hover:   #1e3a5f;

  /* Marketing / legal page surfaces (slightly cooler off-white than app page) */
  --color-bg-marketing:     #fafbfc;
  --color-bg-marketing-alt: #f1f4f7;
  --color-text-marketing:   #1a1a1a;
  --color-text-marketing-secondary: #4a4a4a;
}