/* RentHot — design tokens (v1.0 proposta)
   Contrastes WCAG 2.x calculados sobre as combinações indicadas. */
:root {
  /* Paleta primária */
  --rh-carbon: #0C0C0F;      /* fundo principal escuro */
  --rh-graphite: #19191F;    /* superfície secundária */
  --rh-coral: #FF1A1F;       /* ação primária e acento da marca */
  --rh-white: #FFFFFF;

  /* Paleta secundária */
  --rh-crimson: #9E2136;     /* acento sensual / texto de destaque no claro */
  --rh-amber: #FF9E3D;       /* destaque de energia — uso limitado */
  --rh-sand: #F2E7DC;        /* superfície clara quente */
  --rh-gray: #A7A7B0;        /* texto secundário e metadados */

  /* Derivados de superfície (escuro) */
  --rh-raised: #24242C;      /* cartões elevados, inputs */
  --rh-line: rgba(255, 255, 255, 0.09);
  --rh-line-strong: rgba(255, 255, 255, 0.18);

  /* Derivados de superfície (claro) */
  --rh-paper: #FAF6F1;
  --rh-sand-deep: #E6D8C9;
  --rh-ink-2: #55555F;       /* texto secundário no claro — 6,85:1 sobre paper */

  /* Estados interativos — coral */
  --rh-coral-hover: #FF3A3F;   /* texto carbon 5,51:1 */
  --rh-coral-active: #F5181E;  /* texto carbon 4,68:1 */
  --rh-disabled-bg: #2A2A32;
  --rh-disabled-fg: #6E6E78;

  /* Semânticas — escuro (texto sobre carbon) */
  --rh-success: #3FCB8E;  /* 9,44:1 */
  --rh-warning: #FF9E3D;  /* 9,50:1 */
  --rh-error: #FF6B6E;    /* 7,05:1 — sempre com ícone + rótulo */
  --rh-info: #7EA6FF;     /* 8,17:1 */

  /* Semânticas — claro (texto sobre paper) */
  --rh-success-l: #1D7A52; /* 4,93:1 */
  --rh-warning-l: #9A4D00; /* 5,68:1 */
  --rh-error-l: #B32740;   /* 5,95:1 */
  --rh-info-l: #2F5BC4;    /* 5,72:1 */

  /* Gradiente de marca */
  --rh-heat: linear-gradient(120deg, #9E2136 0%, #FF1A1F 100%);
  --rh-glow: 0 0 0 1px rgba(255, 26, 31, 0.55), 0 0 24px -4px rgba(255, 26, 31, 0.45);

  /* Tipografia */
  --rh-font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --rh-font-ui: "Instrument Sans", "Helvetica Neue", Arial, sans-serif;

  /* Raios — derivados dos cantos do logotipo */
  --rh-r-xs: 6px;
  --rh-r-sm: 10px;
  --rh-r-md: 14px;
  --rh-r-lg: 20px;
  --rh-r-xl: 28px;

  /* Espaçamento — base 4 */
  --rh-s1: 4px; --rh-s2: 8px; --rh-s3: 12px; --rh-s4: 16px; --rh-s5: 20px;
  --rh-s6: 24px; --rh-s8: 32px; --rh-s10: 40px; --rh-s12: 48px; --rh-s16: 64px; --rh-s20: 80px;

  /* Alvos de toque */
  --rh-touch: 44px;

  /* Foco — anel duplo visível em qualquer superfície */
  --rh-focus: 0 0 0 2px #0C0C0F, 0 0 0 4px #FF9E3D;
}

/* Modo claro da interface */
[data-theme="light"] {
  --bg: var(--rh-paper);
  --surface: #FFFFFF;
  --surface-2: var(--rh-sand);
  --text: var(--rh-carbon);
  --text-2: var(--rh-ink-2);
  --accent-text: var(--rh-crimson);
  --line: rgba(12, 12, 15, 0.12);
}

/* Modo escuro da interface (padrão do produto) */
[data-theme="dark"] {
  --bg: var(--rh-carbon);
  --surface: var(--rh-graphite);
  --surface-2: var(--rh-raised);
  --text: var(--rh-white);
  --text-2: var(--rh-gray);
  --accent-text: var(--rh-coral);
  --line: var(--rh-line);
}