/**
 * RoomStamp design tokens — aligned with product variables.css (roomstamp.local).
 * Team portal aliases legacy --rs-team-* / --rs-start-* / --rs-desk-* to these.
 */
:root {
  --rs-logo-blue: #2d79ff;
  --rs-logo-purple: #8b31c7;

  --rs-brand: var(--rs-logo-blue);
  --rs-brand-hover: #4d92ff;
  --rs-electric-blue: #0091ff;
  --rs-purple: var(--rs-logo-purple);
  --rs-purple-hover: #a855f7;
  --rs-action: #2657e8;

  --rs-text: #0f172a;
  --rs-text-secondary: #475569;
  --rs-text-muted: #64748b;

  --rs-bg: #ffffff;
  --rs-app-canvas-bg: #ffffff;
  --rs-app-canvas-slate-gradient: linear-gradient(180deg, #ffffff 0%, #f1f5f9 100%);
  --rs-border: #e2e8f0;
  --rs-border-subtle: rgba(15, 23, 42, 0.08);

  --rs-card-glass-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(241, 245, 249, 0.9));
  --rs-card-glass-border: rgba(90, 140, 255, 0.28);
  --rs-card-glass-shadow: 0 16px 36px rgba(15, 23, 42, 0.08), 0 0 22px rgba(45, 121, 255, 0.07),
    inset 0 1px 0 rgba(255, 255, 255, 0.62);

  --rs-gradient-brand: linear-gradient(135deg, var(--rs-logo-blue) 0%, var(--rs-logo-purple) 100%);
  --rs-focus-ring: 0 0 0 3px rgba(45, 121, 255, 0.35);
  --shadow-action: 0 8px 22px rgba(15, 23, 42, 0.12), 0 2px 10px rgba(45, 121, 255, 0.16);
  --shadow-action-hover: 0 12px 28px rgba(15, 23, 42, 0.16), 0 4px 14px rgba(45, 121, 255, 0.22);

  --rs-btn-primary-bg: linear-gradient(180deg, rgba(239, 246, 255, 0.96), rgba(219, 234, 254, 0.9));
  --rs-btn-primary-bg-hover: linear-gradient(180deg, rgba(219, 234, 254, 0.98), rgba(191, 219, 254, 0.92));
  --rs-btn-primary-border: rgba(59, 130, 246, 0.42);
  --rs-btn-primary-border-hover: rgba(37, 99, 235, 0.52);
  --rs-btn-primary-shadow: 0 8px 20px rgba(37, 99, 235, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.72);
  --rs-btn-primary-shadow-hover: 0 10px 22px rgba(37, 99, 235, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.78);
  --rs-btn-primary-color: #1e3a8a;

  --rs-btn-ghost-bg: rgba(239, 246, 255, 0.96);
  --rs-btn-ghost-bg-hover: rgba(219, 234, 254, 0.98);
  --rs-btn-ghost-border: rgba(96, 165, 250, 0.34);
  --rs-btn-ghost-border-hover: rgba(59, 130, 246, 0.46);
  --rs-btn-ghost-color: #1d4ed8;
  --rs-btn-ghost-shadow: 0 8px 18px rgba(37, 99, 235, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);

  --rs-error: #dc2626;
  --rs-success: #047857;
  --rs-warning: #d97706;

  --radius-xl: 28px;
  --radius-lg: 16px;
  --radius-md: 12px;

  --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Legacy team portal aliases */
  --rs-team-blue: var(--rs-logo-blue);
  --rs-team-purple: var(--rs-logo-purple);
  --rs-team-accent: var(--rs-purple);
  --rs-team-canvas: #f8fafc;
  --rs-team-text: var(--rs-text);
  --rs-team-muted: var(--rs-text-muted);
  --rs-surface-muted: #f8fafc;
  --rs-accent: var(--rs-action);
}