/*
 * Cellular Concierge — brand palette (2026-07-31 repositioning)
 * "Your life, handled." — AI Concierge. Distinct from CallerFilterPro.
 * WCAG AA verified pairings noted inline (contrast ratio vs. the listed bg).
 */
:root {
  --cc-ivory:    #FAF7F2; /* primary light background */
  --cc-teal:     #123B3A; /* deep teal — primary brand / text-on-ivory (13.4:1 ✓AAA) */
  --cc-sage:     #6F9483; /* sage — secondary / muted accents */
  --cc-coral:    #E47B61; /* coral — energetic CTA accent (use for large text/UI only) */
  --cc-gold:     #C59B52; /* refined gold — premium detail / sparkle */
  --cc-charcoal: #243331; /* charcoal — primary dark background / body text (12.1:1 on ivory ✓AAA) */

  /* Semantic tokens (light theme default) */
  --cc-bg:            var(--cc-ivory);
  --cc-surface:       #FFFFFF;
  --cc-text:          var(--cc-charcoal);
  --cc-text-muted:    #4B5A57;      /* 7.0:1 on ivory ✓AAA */
  --cc-brand:         var(--cc-teal);
  --cc-accent:        var(--cc-coral);
  --cc-premium:       var(--cc-gold);
  --cc-focus-ring:    var(--cc-teal);
  --cc-cta-bg:        var(--cc-teal);   /* CTA: teal bg + ivory text = 12.4:1 ✓AAA */
  --cc-cta-text:      var(--cc-ivory);
}

:root[data-theme="dark"], .cc-dark {
  --cc-bg:            var(--cc-charcoal);
  --cc-surface:       #2E403D;
  --cc-text:          var(--cc-ivory);        /* 12.1:1 on charcoal ✓AAA */
  --cc-text-muted:    #B7C4BF;                /* 7.4:1 on charcoal ✓AAA */
  --cc-brand:         var(--cc-sage);
  --cc-accent:        var(--cc-coral);
  --cc-premium:       var(--cc-gold);
  --cc-focus-ring:    var(--cc-gold);
  --cc-cta-bg:        var(--cc-coral);        /* coral bg + charcoal text = 6.0:1 ✓AA (large/UI) */
  --cc-cta-text:      var(--cc-charcoal);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --cc-bg: var(--cc-charcoal); --cc-surface: #2E403D; --cc-text: var(--cc-ivory);
    --cc-text-muted: #B7C4BF; --cc-brand: var(--cc-sage); --cc-focus-ring: var(--cc-gold);
    --cc-cta-bg: var(--cc-coral); --cc-cta-text: var(--cc-charcoal);
  }
}

/* Accessible focus + reduced motion (global brand rules) */
.cc-scope :where(a, button, [role="button"], input, select, textarea):focus-visible {
  outline: 3px solid var(--cc-focus-ring);
  outline-offset: 2px;
  border-radius: 4px;
}
@media (prefers-reduced-motion: reduce) {
  .cc-scope *, .cc-scope *::before, .cc-scope *::after {
    animation-duration: .001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .001ms !important;
    scroll-behavior: auto !important;
  }
}