/* Otochi — Color tokens
   Indigo product color + strict semantic status colors + dashboard neutrals.
   NEVER use Quezlar's deep green (#0E4F3C) or gold (#B8912B) here. */
:root {
  /* Primary — Indigo (product color) */
  --primary: #4734DC;
  --primary-bright: #635BFF;
  --primary-soft: #6366F1;
  --primary-tint: #EEF2FF;
  --primary-contrast: #FFFFFF;

  /* Neutrals — dashboard base */
  --foreground: #030213;
  --foreground-2: #111116;
  --muted: #A3A3A3;
  --border: #E9EBEF;
  --surface: #FFFFFF;
  --background: #FAFAFA;
  --surface-dark: #16161C;
  --surface-dark-2: #1F1F27;
  --on-dark: #F5F5F7;
  --on-dark-muted: #8A8A94;

  /* Semantic status — functional, not decorative */
  --success: #00BB7F;
  --warning: #F99C00;
  --danger: #FB2C36;
  --info: #00A5EF;
  --success-tint: #E7F7F0;
  --warning-tint: #FFF4E0;
  --danger-tint: #FDEAEA;
  --info-tint: #E1F4FD;

  /* Property / avatar accents (multi-condominio) */
  --accent-indigo: #4734DC;
  --accent-green: #00BB7F;
  --accent-magenta: #C026D3;
  --accent-cyan: #00A5EF;
  --accent-amber: #F99C00;

  /* Semantic aliases */
  --text-primary: var(--foreground);
  --text-secondary: var(--muted);
  --text-on-primary: #FFFFFF;
  --link: var(--primary);
  --surface-card: var(--surface);
  --surface-app: var(--background);
  --surface-hero: var(--primary);
  --border-card: var(--border);
}