/*
 * GENERATED by design-tokens/build.js from tokens.js – do not edit.
 * Regenerate with `pnpm --filter @realpool/config tokens:build`.
 * REALPOOL design tokens (WP-01): prototype defaults as CSS custom properties. See README.md.
 */
:root {
  /* Palette – docs/REALPOOL_Prototype_V2.html :root and component rules */
  --rp-color-navy: #0d2b45;
  --rp-color-teal: #00b09b;
  --rp-color-teal-dark: #009688;
  --rp-color-teal-light: #e8f8f6;
  --rp-color-teal-border: #a3e4d7;
  --rp-color-teal-text: #007a6b;
  --rp-color-text: #444444;
  --rp-color-text-muted: #6f6f6f;
  --rp-color-border: #e0e0e0;
  --rp-color-background: #f5f7fa;
  --rp-color-surface: #ffffff;
  --rp-color-surface-muted: #f5f5f5;
  --rp-color-surface-subtle: #fafafa;
  --rp-color-surface-hover: #eeeeee;
  --rp-color-control-off: #cccccc;
  --rp-color-white: #ffffff;
  --rp-color-black: #000000;
  --rp-color-green: #27ae60;
  --rp-color-green-soft: #eafaf1;
  --rp-color-green-border: #a9dfbf;
  --rp-color-green-text: #196f3d;
  --rp-color-orange: #e67e22;
  --rp-color-orange-soft: #fef9e7;
  --rp-color-orange-border: #fad7a0;
  --rp-color-orange-text: #935116;
  --rp-color-red: #e74c3c;
  --rp-color-red-soft: #fdedec;
  --rp-color-red-border: #f5b7b1;
  --rp-color-red-text: #a93226;
  --rp-color-blue: #2980b9;
  --rp-color-blue-soft: #ebf5fb;
  --rp-color-blue-border: #aed6f1;
  --rp-color-blue-text: #1f618d;
  --rp-color-yellow: #f1c40f;

  /* Semantic colours (shadcn/ui names + REALPOOL extensions); tenant branding overrides these */
  --background: #f5f7fa;
  --foreground: #444444;
  --card: #ffffff;
  --card-foreground: #444444;
  --popover: #ffffff;
  --popover-foreground: #444444;
  --brand: #0d2b45;
  --brand-foreground: #ffffff;
  --primary: #00b09b;
  --primary-foreground: #000000;
  --primary-hover: #009688;
  --primary-soft: #e8f8f6;
  --primary-soft-foreground: #007a6b;
  --primary-border: #a3e4d7;
  --link: #007a6b;
  --secondary: #f5f7fa;
  --secondary-foreground: #444444;
  --secondary-hover: #eeeeee;
  --muted: #f5f5f5;
  --muted-foreground: #6f6f6f;
  --accent: #e8f8f6;
  --accent-foreground: #444444;
  --destructive: #e74c3c;
  --destructive-foreground: #000000;
  --destructive-soft: #fdedec;
  --destructive-soft-foreground: #a93226;
  --destructive-border: #f5b7b1;
  --success: #27ae60;
  --success-foreground: #0d2b45;
  --success-soft: #eafaf1;
  --success-soft-foreground: #196f3d;
  --success-border: #a9dfbf;
  --warning: #e67e22;
  --warning-foreground: #0d2b45;
  --warning-soft: #fef9e7;
  --warning-soft-foreground: #935116;
  --warning-border: #fad7a0;
  --info: #2980b9;
  --info-foreground: #000000;
  --info-soft: #ebf5fb;
  --info-soft-foreground: #1f618d;
  --info-border: #aed6f1;
  --highlight: #f1c40f;
  --border: #e0e0e0;
  --input: #e0e0e0;
  --ring: #00b09b;
  --control-off: #cccccc;
  --sidebar: #0d2b45;
  --sidebar-foreground: #ffffff;
  --sidebar-foreground-muted: rgba(255, 255, 255, 0.7);
  --sidebar-foreground-section: rgba(255, 255, 255, 0.55);
  --sidebar-hover: rgba(255, 255, 255, 0.06);
  --sidebar-primary: #00b09b;
  --sidebar-primary-foreground: #0d2b45;
  --sidebar-accent: rgba(0, 176, 155, 0.1);
  --sidebar-accent-foreground: #00b09b;
  --sidebar-border: rgba(255, 255, 255, 0.1);
  --sidebar-ring: #00b09b;

  /* Typography */
  --rp-font-sans:
    system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif;
  --rp-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
  --rp-text-3xs: 0.625rem;
  --rp-leading-3xs: 0.875rem;
  --rp-text-2xs: 0.6875rem;
  --rp-leading-2xs: 1rem;
  --rp-text-xs: 0.75rem;
  --rp-leading-xs: 1rem;
  --rp-text-sm: 0.8125rem;
  --rp-leading-sm: 1.25rem;
  --rp-text-base: 0.875rem;
  --rp-leading-base: 1.25rem;
  --rp-text-lg: 1rem;
  --rp-leading-lg: 1.5rem;
  --rp-text-xl: 1.125rem;
  --rp-leading-xl: 1.5rem;
  --rp-text-2xl: 1.375rem;
  --rp-leading-2xl: 1.75rem;
  --rp-text-3xl: 1.75rem;
  --rp-leading-3xl: 2rem;
  --rp-text-4xl: 2.5rem;
  --rp-leading-4xl: 2.75rem;
  --rp-tracking-caps: 0.08em;

  /* Radii */
  --rp-radius-sm: 4px;
  --rp-radius-md: 8px;
  --rp-radius-lg: 10px;
  --rp-radius-xl: 12px;
  --rp-radius-2xl: 16px;
  --rp-radius-full: 9999px;
  --radius: var(--rp-radius-md);

  /* Layout */
  --rp-sidebar-width: 220px;
  --rp-topbar-height: 56px;
  --rp-content-padding: 24px;
  --rp-card-padding: 20px;
  --rp-grid-gap: 16px;

  /* Shadows */
  --rp-shadow-card: 0 4px 16px rgba(0, 0, 0, 0.08);
  --rp-shadow-toast: 0 4px 20px rgba(0, 0, 0, 0.2);

  /* Motion */
  --rp-duration-fast: 150ms;
  --rp-duration-normal: 200ms;
  --rp-duration-slow: 300ms;
}