/*
 * Parallel Dev brand colours.
 * This stylesheet defines tokens only; it does not apply page styles.
 * Lime: exact user-supplied website palette.
 * Cobalt core: sampled from the earlier logo artwork.
 * #0B3166 and #EEF3FF: recommended website additions, not original logo colours.
 */

:root {
  --parallel-color-electric-lime: #C8F568;
  --parallel-color-deep-charcoal: #101310;
  --parallel-color-soft-white: #F1F3EB;
  --parallel-color-forest-charcoal: #171C16;
  --parallel-color-sage-grey: #A5AEA1;
  --parallel-color-dark-green: #17210C;

  --parallel-color-cobalt: #004DFE;
  --parallel-color-navy: #012356;
  --parallel-color-cobalt-off-white: #FEFEFC;
  --parallel-color-cobalt-muted-grey: #9EA5AF;

  /* Recommended support colours for the cobalt website alternative. */
  --parallel-color-supporting-navy: #0B3166;
  --parallel-color-pale-blue: #EEF3FF;
}

/* Primary theme: lime accents on charcoal backgrounds. */
:root,
[data-parallel-theme="lime"] {
  --parallel-accent: var(--parallel-color-electric-lime);
  --parallel-on-accent: var(--parallel-color-dark-green);
  --parallel-background: var(--parallel-color-deep-charcoal);
  --parallel-surface: var(--parallel-color-forest-charcoal);
  --parallel-text: var(--parallel-color-soft-white);
  --parallel-text-secondary: var(--parallel-color-sage-grey);

  /* Explicit light variants; use dark artwork on these surfaces. */
  --parallel-light-background: var(--parallel-color-soft-white);
  --parallel-light-surface: var(--parallel-color-soft-white);
  --parallel-light-text: var(--parallel-color-deep-charcoal);
  --parallel-light-text-secondary: var(--parallel-color-forest-charcoal);
}

/*
 * Alternate dark theme: cobalt accents on navy backgrounds.
 * Use a cobalt-on-dark logo file for this default dark treatment.
 * Use the default cobalt logo file on the explicit light surfaces below.
 */
[data-parallel-theme="cobalt"] {
  --parallel-accent: var(--parallel-color-cobalt);
  --parallel-on-accent: var(--parallel-color-cobalt-off-white);
  --parallel-background: var(--parallel-color-navy);
  --parallel-surface: var(--parallel-color-supporting-navy);
  --parallel-text: var(--parallel-color-cobalt-off-white);
  --parallel-text-secondary: var(--parallel-color-cobalt-muted-grey);

  --parallel-light-background: var(--parallel-color-cobalt-off-white);
  --parallel-light-surface: var(--parallel-color-pale-blue);
  --parallel-light-text: var(--parallel-color-navy);
  --parallel-light-text-secondary: var(--parallel-color-supporting-navy);
}