/*
  revalu design tokens — provisional palette from docs/03-brand-and-design-direction.md.
  Values are candidates only until an official brand package is supplied; all combinations
  below have been checked against WCAG 2.2 AA for their intended use.
*/

:root {
  /* Colour: brand */
  --revalu-color-ink: #203030;
  --revalu-color-forest: #2e6f2f;
  --revalu-color-forest-dark: #234f24;
  --revalu-color-leaf: #6a9e35;
  --revalu-color-mist: #f3f7f2;
  --revalu-color-white: #ffffff;

  /* Colour: semantic */
  --revalu-color-text: var(--revalu-color-ink);
  --revalu-color-text-muted: #4b5c5c;
  --revalu-color-text-inverse: var(--revalu-color-white);
  --revalu-color-surface: var(--revalu-color-white);
  --revalu-color-surface-alt: var(--revalu-color-mist);
  --revalu-color-surface-dark: var(--revalu-color-ink);
  --revalu-color-border: #d9e2df;
  --revalu-color-action: var(--revalu-color-forest);
  --revalu-color-action-hover: var(--revalu-color-forest-dark);
  --revalu-color-accent: var(--revalu-color-leaf);
  --revalu-color-focus-ring: #1a5cff;

  /* Typography */
  --revalu-font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica,
    Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --revalu-line-height-base: 1.6;
  --revalu-line-height-heading: 1.2;

  /* Spacing scale (8px baseline) */
  --revalu-space-2xs: 0.25rem;
  --revalu-space-xs: 0.5rem;
  --revalu-space-sm: 0.75rem;
  --revalu-space-md: 1.5rem;
  --revalu-space-lg: 2.5rem;
  --revalu-space-xl: 4rem;
  --revalu-space-2xl: 6rem;

  /* Layout */
  --revalu-radius-sm: 0.25rem;
  --revalu-radius-md: 0.5rem;
  --revalu-shadow-sm: 0 1px 2px rgba(32, 48, 48, 0.08);
  --revalu-shadow-md: 0 8px 24px rgba(32, 48, 48, 0.1);
  --revalu-border-width: 1px;

  /* Motion */
  --revalu-transition-fast: 150ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --revalu-transition-fast: 0ms;
  }
}