/* This site was custom designed by Sitethreesixty.com and is actively managed by Sitethreesixty.com */
/* ================================
   COLOR TOKENS - CURLY TAIL SCREEN & WINDOW
   Light theme with Orange/Blue brand colors
   6-Color Palette: 3 Primary + 2 Secondary + White Base
   ================================ */

:root {
   /* ================================
     PRIMARY COLORS (3)
     ================================ */

   /* Action Orange - CTAs, buttons, accents */
   --color-orange: #F97316;
   --color-orange-dark: #EA580C;
   --color-orange-light: #FB923C;
   --color-orange-accessible: #b45309;

   /* Trust Blue - Headers, nav, links */
   --color-blue: #1E40AF;
   --color-blue-dark: #1E3A8A;
   --color-blue-light: #2563EB;
   --color-blue-navy: #002a5b;

   /* Text Dark - Body copy */
   --color-text: #111827;
   --color-text-secondary: #374151;
   --color-text-muted: #6B7280;

   /* ================================
     SECONDARY COLORS (2)
     For shadows, highlights, hover states
     ================================ */

   /* Soft Orange - Hover states, light accents */
   --color-orange-soft: #FED7AA;
   --color-orange-subtle: #FFF7ED;

   /* Soft Blue - Card backgrounds, section accents */
   --color-blue-soft: #DBEAFE;
   --color-blue-subtle: #EFF6FF;

   /* ================================
     BASE & EXTENDED COLORS
     ================================ */

   /* White - Page backgrounds (entire site) */
   --color-white: #FFFFFF;
   --color-off-white: #EDEDEC;

   /* Grays - Borders, dividers */
   --color-gray-100: #F3F4F6;
   --color-gray-200: #E5E7EB;
   --color-gray-300: #D1D5DB;
   --color-gray-400: #9CA3AF;

   /* State Colors */
   --color-success: #10B981;
   --color-error: #DC2626;
   --color-warning: #F59E0B;

   /* ================================
     SEMANTIC TOKENS
     Components reference these
     ================================ */

   /* Backgrounds */
   --bg-page: var(--color-white);
   --bg-section: var(--color-white);
   --bg-section-alt: var(--color-off-white);
   --bg-card: var(--color-white);
   --bg-card-hover: var(--color-gray-100);

   /* Text */
   --text-primary: var(--color-text);
   --text-secondary: var(--color-text-secondary);
   --text-muted: var(--color-text-muted);
   --text-inverse: var(--color-white);
   --text-heading: var(--color-text);
   --text-link: var(--color-blue);
   --text-link-hover: var(--color-blue-dark);

   /* Accents */
   --accent-primary: var(--color-orange);
   --accent-primary-hover: var(--color-orange-dark);
   --accent-secondary: var(--color-blue);
   --accent-secondary-hover: var(--color-blue-dark);

   /* Borders */
   --border-light: var(--color-gray-200);
   --border-medium: var(--color-gray-300);
   --border-strong: var(--color-gray-400);
   --border-focus: var(--color-blue);

   /* ================================
     COMPONENT TOKENS
     ================================ */

   /* Buttons */
   --button-primary-bg: #c5670f;
   --button-primary-bg-hover: #a5570d;
   --button-primary-text: var(--color-white);

   --button-secondary-bg: transparent;
   --button-secondary-bg-hover: var(--color-blue-subtle);
   --button-secondary-text: var(--color-blue);
   --button-secondary-border: var(--color-blue);

   /* Navigation */
   --nav-bg: var(--color-white);
   --nav-bg-scrolled: rgba(255, 255, 255, 0.98);
   --nav-text: var(--color-text);
   --nav-text-hover: var(--color-blue);
   --nav-border: var(--color-gray-200);

   /* Cards */
   --card-bg: var(--color-white);
   --card-border: var(--color-gray-200);
   --card-shadow: rgba(0, 0, 0, 0.1);

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

   /* Footer - Light grey theme */
   --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);

   /* ================================
     OVERLAY & STATE COLORS
     ================================ */

   --overlay-dark: rgba(17, 24, 39, 0.8);
   --overlay-medium: rgba(17, 24, 39, 0.5);
   --overlay-light: rgba(17, 24, 39, 0.3);

   /* Frosted Glass Effect */
   --glass-bg: rgba(255, 255, 255, 0.85);
   --glass-border: rgba(255, 255, 255, 0.3);

   /* Trust Badge Colors */
   --badge-bg: var(--color-blue-subtle);
   --badge-text: var(--color-blue);
   --badge-icon: var(--color-orange);
}



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