/*
 * MySunDirection Articles — shared design and motion contract.
 * Every Library, Module and Reader page consumes these values. Keep article-
 * specific decisions out of this file and out of manuscript data.
 */
:root {
  color-scheme: dark;
  --articles-navy-1000: #030811;
  --articles-navy-950: #050b16;
  --articles-navy-900: #080f20;
  --articles-navy-850: #0a1424;
  --articles-navy-800: #0d192b;
  --articles-navy-750: #111f34;
  --articles-navy-700: #172942;

  --articles-ink: #f3f7fc;
  --articles-ink-strong: #ffffff;
  --articles-muted: #c3cede;
  --articles-muted-soft: #96a8bf;
  --articles-gold: #f4aa25;
  --articles-gold-light: #f8c86e;
  --articles-gold-dark: #b87509;
  --articles-danger: #ffb4ab;
  --articles-success: #78ddb9;

  --articles-line: rgba(244, 170, 37, 0.26);
  --articles-line-soft: rgba(195, 206, 222, 0.16);
  --articles-line-strong: rgba(244, 170, 37, 0.56);
  --articles-panel: rgba(13, 25, 43, 0.96);
  --articles-panel-raised: rgba(17, 31, 52, 0.98);
  --articles-panel-glass: rgba(8, 15, 32, 0.86);

  --articles-shadow-sm: 0 12px 34px rgba(0, 0, 0, 0.24);
  --articles-shadow-lg: 0 28px 82px rgba(0, 0, 0, 0.38);
  --articles-card-shadow: 0 14px 34px rgba(0, 0, 0, 0.42),
    0 0 0 1px rgba(236, 242, 250, 0.18);

  --articles-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --articles-font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --articles-text-xs: 0.75rem;
  --articles-text-sm: 0.875rem;
  --articles-text-base: 1rem;
  --articles-text-lg: clamp(1.0625rem, 1.35vw, 1.1875rem);
  --articles-text-lede: clamp(1.125rem, 2.1vw, 1.4375rem);
  --articles-title-page: clamp(2.65rem, 7.2vw, 5.4rem);
  --articles-title-section: clamp(1.8rem, 3.7vw, 2.9rem);

  --articles-space-1: 0.375rem;
  --articles-space-2: 0.625rem;
  --articles-space-3: 0.875rem;
  --articles-space-4: 1.125rem;
  --articles-space-5: 1.5rem;
  --articles-space-6: 2rem;
  --articles-space-7: 2.75rem;
  --articles-space-8: clamp(3rem, 7vw, 6rem);
  --articles-space-page: clamp(1rem, 4vw, 2.5rem);

  --articles-radius-sm: 0.625rem;
  --articles-radius-md: 1rem;
  --articles-radius-lg: 1.375rem;
  --articles-radius-pill: 999px;
  --articles-container: 76.25rem;
  --articles-reader: 48rem;
  --articles-sidebar: 19rem;
  --articles-readable: 68ch;

  /* 3.2 s is the approved calm starting cadence; transition time is separate. */
  --articles-motion-fast: 180ms;
  --articles-motion-medium: 440ms;
  --articles-motion-deck: 640ms;
  --articles-motion-cycle: 3200ms;
  --articles-ease-standard: cubic-bezier(0.2, 0.72, 0.24, 1);
  --articles-ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  --articles-focus: 0 0 0 3px rgba(244, 170, 37, 0.34);
  --articles-safe-bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  --articles-safe-left: max(1rem, env(safe-area-inset-left, 0px));
  --articles-safe-right: max(1rem, env(safe-area-inset-right, 0px));
}

/* Module accents are deliberately restrained: navy/gold remains the identity. */
:is(.msd-articles, .msd-articles-page) [data-module-id="solar-energy"],
:is(.msd-articles, .msd-articles-page)[data-module="solar-energy"] {
  --module-accent: #f6bd55;
  --module-glow: rgba(246, 189, 85, 0.17);
}

:is(.msd-articles, .msd-articles-page) [data-module-id="mechanical-design"],
:is(.msd-articles, .msd-articles-page)[data-module="mechanical-design"] {
  --module-accent: #e9a36a;
  --module-glow: rgba(233, 163, 106, 0.16);
}

:is(.msd-articles, .msd-articles-page) [data-module-id="electrical-engineering"],
:is(.msd-articles, .msd-articles-page)[data-module="electrical-engineering"] {
  --module-accent: #82c8f5;
  --module-glow: rgba(130, 200, 245, 0.16);
}

:is(.msd-articles, .msd-articles-page) [data-module-id="automation-control"],
:is(.msd-articles, .msd-articles-page)[data-module="automation-control"] {
  --module-accent: #72d8c1;
  --module-glow: rgba(114, 216, 193, 0.15);
}

:is(.msd-articles, .msd-articles-page) [data-module-id="business-engineering"],
:is(.msd-articles, .msd-articles-page)[data-module="business-engineering"] {
  --module-accent: #c7abee;
  --module-glow: rgba(199, 171, 238, 0.15);
}