/* PHOTO SPOTT 0.8.0-preview.10 — shared visual and typography tokens. */
:root {
  --ps-navy: #142742;
  --ps-navy-soft: #eaf0f5;
  --ps-gold: #a47b3e;
  --ps-gold-text: #765522;
  --ps-gold-soft: #faf5e9;
  --ps-bg: #fdfbf8;
  --ps-bg-soft: #f3f6f8;
  --ps-surface: #ffffff;
  --ps-surface-raised: #fffefa;
  --ps-border: #dbe2e9;
  --ps-border-strong: #aebcca;
  --ps-text: #192739;
  --ps-text-muted: #526174;
  --ps-success: #266443;
  --ps-success-soft: #edf7f0;
  --ps-warning: #76521a;
  --ps-warning-soft: #fff7e7;
  --ps-danger: #92323e;
  --ps-danger-soft: #fff0f1;
  --ps-info: #275a7a;
  --ps-info-soft: #edf5f9;
  --ps-shadow-sm: 0 2px 10px rgb(20 39 66 / 5%);
  --ps-shadow-md: 0 10px 28px rgb(20 39 66 / 8%);
  --ps-radius-sm: 9px;
  --ps-radius-md: 14px;
  --ps-radius-lg: 18px;
  --ps-space-1: 4px;
  --ps-space-2: 8px;
  --ps-space-3: 12px;
  --ps-space-4: 16px;
  --ps-space-6: 24px;
  --ps-space-8: 32px;
  --ps-space-12: 48px;
  --ps-space-16: 64px;
  --font-ui: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-display: "Cormorant Garamond", Georgia, serif;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.125rem;
  --text-display: clamp(3rem, 5vw, 4.25rem);
  --ps-font-ui: var(--font-ui);

  /* preview.19: shared web-UI density and semantic states. */
  --font-ui-xs: .8125rem;
  --font-ui-sm: .875rem;
  --font-ui-md: 1rem;
  --font-ui-lg: 1.125rem;
  --space-xs: .375rem;
  --space-sm: .75rem;
  --space-md: 1.125rem;
  --space-lg: 1.5rem;
  --status-success: #276647;
  --status-success-bg: #eaf6ef;
  --status-info: #275f96;
  --status-info-bg: #ebf3fb;
  --status-warning: #795015;
  --status-warning-bg: #fff6e5;
  --status-danger: #a43c42;
  --status-danger-bg: #fceeee;
  --status-neutral: #576575;
  --status-neutral-bg: #f3f5f7;
  --surface-success: var(--status-success-bg);
  --surface-info: var(--status-info-bg);
  --surface-warning: var(--status-warning-bg);
  --surface-danger: var(--status-danger-bg);

  /* Compatibility aliases keep existing modules on one palette and type scale. */
  --color-bg: var(--ps-bg);
  --color-surface: var(--ps-surface);
  --color-text: var(--ps-text);
  --color-primary: var(--ps-navy);
  --color-primary-soft: var(--ps-navy-soft);
  --color-accent: var(--ps-gold);
  --color-muted: var(--ps-text-muted);
  --color-border: var(--ps-border);
  --color-danger: var(--ps-danger);
  --radius: var(--ps-radius-sm);
  --shadow: var(--ps-shadow-md);
  --font-body: var(--ps-font-ui);
  --font-heading: var(--ps-font-ui);
}