/*!
 * © Rapid Surveys Pty Ltd. All rights reserved.
 *
 * Theme module v1 — RapidSurveys ops site.
 *
 * Module 0 per doctrine (intent/modules.md §3 Rule 5).
 * Every visual primitive consumed by other modules and hosts MUST come from a variable
 * declared here. Hardcoded colours/fonts elsewhere are a bug.
 *
 * Values below are PLACEHOLDERS pending brand alignment. Safe to edit centrally.
 */

:root {
  /* --- Brand palette ------------------------------------------------- */
  --rs-color-bg:           #f6f5f2;
  --rs-color-surface:      #ffffff;
  --rs-color-surface-alt:  #efece5;
  --rs-color-border:       #d8d4c8;
  --rs-color-text:         #1d2128;
  --rs-color-text-muted:   #5a5e66;
  --rs-color-text-soft:    #7a7e87;

  --rs-color-primary:      #1f3a5f;
  --rs-color-primary-ink:  #ffffff;
  --rs-color-accent-gold:  #9e8c5b;
  --rs-color-accent-ink:   #ffffff;

  --rs-color-success:      #2f7a3a;
  --rs-color-warning:      #b8861d;
  --rs-color-danger:       #a8392f;

  /* --- Typography ---------------------------------------------------- */
  --rs-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --rs-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
  --rs-font-display: var(--rs-font-sans);

  --rs-text-xs:   12px;
  --rs-text-sm:   14px;
  --rs-text-base: 16px;
  --rs-text-lg:   18px;
  --rs-text-xl:   22px;
  --rs-text-2xl:  28px;
  --rs-text-3xl:  36px;

  --rs-line-tight: 1.2;
  --rs-line-base:  1.5;
  --rs-line-loose: 1.7;

  --rs-weight-regular: 400;
  --rs-weight-medium:  500;
  --rs-weight-semi:    600;
  --rs-weight-bold:    700;

  /* --- Spacing scale (4px base) -------------------------------------- */
  --rs-space-1:  4px;
  --rs-space-2:  8px;
  --rs-space-3:  12px;
  --rs-space-4:  16px;
  --rs-space-5:  24px;
  --rs-space-6:  32px;
  --rs-space-7:  48px;
  --rs-space-8:  64px;

  /* --- Radii --------------------------------------------------------- */
  --rs-radius-sm: 4px;
  --rs-radius-md: 8px;
  --rs-radius-lg: 14px;
  --rs-radius-pill: 999px;

  /* --- Elevation ----------------------------------------------------- */
  --rs-shadow-sm: 0 1px 2px rgba(20, 24, 32, 0.06);
  --rs-shadow-md: 0 4px 12px rgba(20, 24, 32, 0.08);
  --rs-shadow-lg: 0 12px 32px rgba(20, 24, 32, 0.12);

  /* --- Layout -------------------------------------------------------- */
  --rs-container-max: 1180px;
  --rs-header-height: 64px;
  --rs-z-modal: 1000;
}