/*
 * Sydenkupp color palette
 *
 * This is the single source of truth for colors in Sydenkupp-authored CSS.
 * Components should use these tokens instead of literal hex/rgb values.
 *
 * The supporting tokens below capture every original authored CSS color so a
 * palette change can be made here without hunting through component styles.
 */

/*
 * === ORIGINAL THEME REFERENCE - IMMUTABLE ===
 * Agents must not edit or change this reference block. It is the complete,
 * exact rollback reference for the theme active on 2026-07-17. To restore
 * the original theme, copy these values into the editable :root block below.
 *
 * :root {
 *  --font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
 *  --font-size-base: 1rem;
 *  --line-height-base: 1.5;
 *  --letter-spacing-base: 0;
 *  --font-weight-semibold: 650;
 *  --font-weight-bold: 700;
 *  --font-weight-extrabold: 800;
 *  --font-weight-heavy: 850;
 *  --radius-small: 6px;
 *  --radius-medium: 8px;
 *  --radius-large: 10px;
 *  --radius-pill: 999px;
 *  --content-max-width: 1260px;
 *  --motion-fast: 120ms;
 *  --motion-standard: 160ms;
 *  --motion-ease: ease;
 *  --ink: #18232f;
 *  --ink-deep: #0f1b2a;
 *  --ink-blue: #243445;
 *  --ink-hero: #0f2f3d;
 *  --ink-footer: #0d3840;
 *  --black: #000000;
 *  --muted: #5d6a75;
 *  --text-muted-soft: #71807d;
 *  --text-muted: #7f8d98;
 *  --text-muted-blue: #81909d;
 *  --text-subtle: #91a09d;
 *  --text-placeholder: #9aa5ad;
 *  --text-disabled: #a0a9b1;
 *  --paper: #ffffff;
 *  --sea: #0f766e;
 *  --sea-dark: #0b4f49;
 *  --sea-outline: #0f8b7e;
 *  --sea-bright: #14b8a6;
 *  --sea-shadow: #034b46;
 *  --sun: #f8b84e;
 *  --sun-strong: #f0b429;
 *  --warning: #f59e0b;
 *  --coral: #e85d4f;
 *  --sky: #4aa3c7;
 *  --surface-sea-strong: #dcefe9;
 *  --surface-sea: #e3f3ef;
 *  --surface-sea-soft: #e4f3ef;
 *  --surface-sea-muted: #e6f2ee;
 *  --surface-sea-alt: #e6f4ef;
 *  --surface-mint: #ecfad2;
 *  --surface-brand-pale: #ecfaf7;
 *  --surface-brand-status: #ecfdf5;
 *  --surface-tint-strong: #edf6f3;
 *  --surface-tint: #edf7f4;
 *  --surface-tint-soft: #eef8f5;
 *  --mist: #eef6f3;
 *  --surface-soft-green: #f1f8f6;
 *  --surface-focus: #f3fbf9;
 *  --surface-callout: #f4fbf8;
 *  --surface-callout-alt: #f5fbf8;
 *  --surface-calendar: #f6faf8;
 *  --surface-quiet-green: #f7faf9;
 *  --surface-quiet-mint: #f7fbfa;
 *  --surface-soft: #f8faf9;
 *  --surface-cool: #f8fafc;
 *  --surface-near-white: #fbfdfc;
 *  --surface-near-white-cool: #fbfdfd;
 *  --surface-neutral: #eef3f4;
 *  --surface-neutral-alt: #edf1f2;
 *  --surface-neutral-soft: #f1f5f9;
 *  --surface-disabled: #f4f6f5;
 *  --surface-section: #f5f7f7;
 *  --surface-section-alt: #f5f7f8;
 *  --line: #d9e1e6;
 *  --line-range: #d8e4dc;
 *  --line-soft: #e2e8ec;
 *  --line-dashed: #e5eaed;
 *  --line-control: #cbd6dc;
 *  --line-control-strong: #b8c6cc;
 *  --line-brand-soft: #aacfc7;
 *  --line-input: #8a9996;
 *  --layout-line: #e5e5e5;
 *  --danger-text: #8a2b22;
 *  --danger-text-strong: #9c2f25;
 *  --danger-surface: #fff8f6;
 *  --danger-surface-soft: #fdebe7;
 *  --danger-surface-medium: #fde4de;
 *  --danger-surface-strong: #fde2dc;
 *  --success-text: #166534;
 *  --success-surface: #dcfce7;
 *  --info-text: #075985;
 *  --info-surface: #e0f2fe;
 *  --warning-text: #92400e;
 *  --warning-surface: #fef3c7;
 *  --brand-status-surface: #ccfbf1;
 *  --footer-text: #d9f2ec;
 *  --legacy-link: #0077cc;
 *  --legacy-primary: #1b6ec2;
 *  --legacy-primary-border: #1861ac;
 *  --overlay-hero-strong: rgba(10, 23, 29, 0.82);
 *  --overlay-hero-medium: rgba(10, 23, 29, 0.36);
 *  --overlay-hero-soft: rgba(10, 23, 29, 0.18);
 *  --overlay-hero-chip: rgba(13, 56, 64, 0.42);
 *  --overlay-hero-chip-hover: rgba(13, 56, 64, 0.62);
 *  --overlay-night: rgba(15, 23, 42, 0.48);
 *  --overlay-night-strong: rgba(15, 23, 42, 0.52);
 *  --overlay-paper-22: rgba(255, 255, 255, 0.22);
 *  --overlay-paper-28: rgba(255, 255, 255, 0.28);
 *  --overlay-paper-55: rgba(255, 255, 255, 0.55);
 *  --overlay-paper-92: rgba(255, 255, 255, 0.92);
 *  --overlay-paper-94: rgba(255, 255, 255, 0.94);
 *  --overlay-paper-96: rgba(255, 255, 255, 0.96);
 *  --overlay-paper-98: rgba(255, 255, 255, 0.98);
 *  --tooltip-surface: rgba(11, 36, 43, 0.72);
 *  --tooltip-surface-strong: rgba(11, 36, 43, 0.78);
 *  --tooltip-surface-hover: rgba(11, 36, 43, 0.9);
 *  --border-line-overlay: rgba(217, 225, 230, 0.9);
 *  --border-danger-22: rgba(232, 93, 79, 0.22);
 *  --border-danger-24: rgba(232, 93, 79, 0.24);
 *  --border-danger-26: rgba(232, 93, 79, 0.26);
 *  --border-sea-12: rgba(15, 118, 110, 0.12);
 *  --border-sea-16: rgba(15, 118, 110, 0.16);
 *  --border-sea-18: rgba(15, 118, 110, 0.18);
 *  --border-sea-20: rgba(15, 118, 110, 0.2);
 *  --border-sea-24: rgba(15, 118, 110, 0.24);
 *  --border-sea-28: rgba(15, 118, 110, 0.28);
 *  --border-sea-32: rgba(15, 118, 110, 0.32);
 *  --border-sea-42: rgba(15, 118, 110, 0.42);
 *  --border-sea-45: rgba(15, 118, 110, 0.45);
 *  --border-sea-55: rgba(15, 118, 110, 0.55);
 *  --focus-sea: rgba(20, 184, 166, 0.35);
 *  --focus-sea-strong: rgba(20, 184, 166, 0.55);
 *  --focus-sea-outline: rgba(15, 139, 126, 0.35);
 *  --border-sea-deep: rgba(10, 110, 103, 0.35);
 *  --shadow-black-05: rgba(0, 0, 0, 0.05);
 *  --shadow-black-18: rgba(0, 0, 0, 0.18);
 *  --shadow-sea: rgba(3, 75, 70, 0.12);
 *  --shadow-ink-04: rgba(24, 35, 47, 0.04);
 *  --shadow-ink-05: rgba(24, 35, 47, 0.05);
 *  --shadow-ink-06: rgba(24, 35, 47, 0.06);
 *  --shadow-ink-08: rgba(24, 35, 47, 0.08);
 *  --shadow-ink-10: rgba(24, 35, 47, 0.1);
 *  --shadow-ink-12: rgba(24, 35, 47, 0.12);
 *  --shadow-ink-16: rgba(24, 35, 47, 0.16);
 *  --shadow-ink-18: rgba(24, 35, 47, 0.18);
 *  --shadow-night-13: rgba(15, 23, 42, 0.13);
 *  --shadow-night-20: rgba(15, 23, 42, 0.2);
 *  --shadow-night-28: rgba(15, 23, 42, 0.28);
 *  --shadow: 0 14px 34px var(--shadow-ink-12);
 * }
 * === END ORIGINAL THEME REFERENCE ===
 */
:root {
  /* Global typography */
  --font-family-base: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-base: 1rem;
  --font-scale-mobile: 110%;
  --font-scale-tablet: 100%;
  --font-scale-desktop: 100%;
  --line-height-base: 1.5;
  --letter-spacing-base: 0;
  --font-weight-semibold: 650;
  --font-weight-bold: 700;
  --font-weight-extrabold: 800;
  --font-weight-heavy: 850;

  /* Global shape, layout and motion */
  --radius-small: 6px;
  --radius-medium: 8px;
  --radius-large: 10px;
  --radius-pill: 999px;
  --content-max-width: 1260px;
  --motion-fast: 120ms;
  --motion-standard: 160ms;
  --motion-ease: ease;

  /* Core brand and text */
  --ink: #18232f;
  --ink-deep: #0f1b2a;
  --ink-blue: #243445;
  --ink-hero: #0f2f3d;
  --ink-footer: #0d3840;
  --black: #000000;
  --muted: #5d6a75;
  --text-muted-soft: #71807d;
  --text-muted: #7f8d98;
  --text-muted-blue: #81909d;
  --text-subtle: #91a09d;
  --text-placeholder: #9aa5ad;
  --text-disabled: #a0a9b1;
  --paper: #ffffff;

  /* Brand */
  --sea: #0f766e;
  --sea-dark: #0b4f49;
  --sea-outline: #0f8b7e;
  --sea-bright: #14b8a6;
  --sea-shadow: #034b46;
  --sun: #f8b84e;
  --sun-strong: #f0b429;
  --warning: #f59e0b;
  --coral: #e85d4f;
  --sky: #4aa3c7;

  /* Surfaces: neutral and sea-tinted, darkest to lightest */
  --surface-sea-strong: #dcefe9;
  --surface-sea: #e3f3ef;
  --surface-sea-soft: #e4f3ef;
  --surface-sea-muted: #e6f2ee;
  --surface-sea-alt: #e6f4ef;
  --surface-mint: #ecfad2;
  --surface-brand-pale: #ecfaf7;
  --surface-brand-status: #ecfdf5;
  --surface-tint-strong: #edf6f3;
  --surface-tint: #edf7f4;
  --surface-tint-soft: #eef8f5;
  --mist: #eef6f3;
  --surface-soft-green: #f1f8f6;
  --surface-focus: #f3fbf9;
  --surface-callout: #f4fbf8;
  --surface-callout-alt: #f5fbf8;
  --surface-calendar: #f6faf8;
  --surface-quiet-green: #f7faf9;
  --surface-quiet-mint: #f7fbfa;
  --surface-soft: #f8faf9;
  --surface-cool: #f8fafc;
  --surface-near-white: #fbfdfc;
  --surface-near-white-cool: #fbfdfd;
  --surface-neutral: #eef3f4;
  --surface-neutral-alt: #edf1f2;
  --surface-neutral-soft: #f1f5f9;
  --surface-disabled: #f4f6f5;
  --surface-section: #f5f7f7;
  --surface-section-alt: #f5f7f8;

  /* Borders and controls */
  --line: #d9e1e6;
  --line-range: #d8e4dc;
  --line-soft: #e2e8ec;
  --line-dashed: #e5eaed;
  --line-control: #cbd6dc;
  --line-control-strong: #b8c6cc;
  --line-brand-soft: #aacfc7;
  --line-input: #8a9996;
  --layout-line: #e5e5e5;

  /* Status colors */
  --danger-text: #8a2b22;
  --danger-text-strong: #9c2f25;
  --danger-surface: #fff8f6;
  --danger-surface-soft: #fdebe7;
  --danger-surface-medium: #fde4de;
  --danger-surface-strong: #fde2dc;
  --success-text: #166534;
  --success-surface: #dcfce7;
  --info-text: #075985;
  --info-surface: #e0f2fe;
  --warning-text: #92400e;
  --warning-surface: #fef3c7;
  --brand-status-surface: #ccfbf1;
  --footer-text: #d9f2ec;

  /* Legacy isolated-layout colors (kept exact) */
  --legacy-link: #0077cc;
  --legacy-primary: #1b6ec2;
  --legacy-primary-border: #1861ac;

  /* Overlays and translucent surfaces */
  --overlay-hero-strong: rgba(10, 23, 29, 0.82);
  --overlay-hero-medium: rgba(10, 23, 29, 0.36);
  --overlay-hero-soft: rgba(10, 23, 29, 0.18);
  --overlay-hero-chip: rgba(13, 56, 64, 0.42);
  --overlay-hero-chip-hover: rgba(13, 56, 64, 0.62);
  --overlay-night: rgba(15, 23, 42, 0.48);
  --overlay-night-strong: rgba(15, 23, 42, 0.52);
  --overlay-paper-22: rgba(255, 255, 255, 0.22);
  --overlay-paper-28: rgba(255, 255, 255, 0.28);
  --overlay-paper-55: rgba(255, 255, 255, 0.55);
  --overlay-paper-92: rgba(255, 255, 255, 0.92);
  --overlay-paper-94: rgba(255, 255, 255, 0.94);
  --overlay-paper-96: rgba(255, 255, 255, 0.96);
  --overlay-paper-98: rgba(255, 255, 255, 0.98);
  --tooltip-surface: rgba(11, 36, 43, 0.72);
  --tooltip-surface-strong: rgba(11, 36, 43, 0.78);
  --tooltip-surface-hover: rgba(11, 36, 43, 0.9);

  /* Translucent borders and focus rings */
  --border-line-overlay: rgba(217, 225, 230, 0.9);
  --border-danger-22: rgba(232, 93, 79, 0.22);
  --border-danger-24: rgba(232, 93, 79, 0.24);
  --border-danger-26: rgba(232, 93, 79, 0.26);
  --border-sea-12: rgba(15, 118, 110, 0.12);
  --border-sea-16: rgba(15, 118, 110, 0.16);
  --border-sea-18: rgba(15, 118, 110, 0.18);
  --border-sea-20: rgba(15, 118, 110, 0.2);
  --border-sea-24: rgba(15, 118, 110, 0.24);
  --border-sea-28: rgba(15, 118, 110, 0.28);
  --border-sea-32: rgba(15, 118, 110, 0.32);
  --border-sea-42: rgba(15, 118, 110, 0.42);
  --border-sea-45: rgba(15, 118, 110, 0.45);
  --border-sea-55: rgba(15, 118, 110, 0.55);
  --focus-sea: rgba(20, 184, 166, 0.35);
  --focus-sea-strong: rgba(20, 184, 166, 0.55);
  --focus-sea-outline: rgba(15, 139, 126, 0.35);
  --border-sea-deep: rgba(10, 110, 103, 0.35);

  /* Shadows and shared elevation */
  --shadow-black-05: rgba(0, 0, 0, 0.05);
  --shadow-black-18: rgba(0, 0, 0, 0.18);
  --shadow-sea: rgba(3, 75, 70, 0.12);
  --shadow-ink-04: rgba(24, 35, 47, 0.04);
  --shadow-ink-05: rgba(24, 35, 47, 0.05);
  --shadow-ink-06: rgba(24, 35, 47, 0.06);
  --shadow-ink-08: rgba(24, 35, 47, 0.08);
  --shadow-ink-10: rgba(24, 35, 47, 0.1);
  --shadow-ink-12: rgba(24, 35, 47, 0.12);
  --shadow-ink-16: rgba(24, 35, 47, 0.16);
  --shadow-ink-18: rgba(24, 35, 47, 0.18);
  --shadow-night-13: rgba(15, 23, 42, 0.13);
  --shadow-night-20: rgba(15, 23, 42, 0.2);
  --shadow-night-28: rgba(15, 23, 42, 0.28);
  --shadow: 0 14px 34px var(--shadow-ink-12);
}