/* ============================================================
   Reparar Soluções Médicas — COLOR TOKENS
   Palette: Vermelho Reparar, Preto Técnico, Branco Clínico,
   Cinzas Operacionais. High-contrast, engineering, clinical.
   Brand red sampled from the official logo artwork: #C80204.
   ============================================================ */
:root {
  /* ---- Brand red ("Vermelho Reparar") ---- */
  --red-50:  #FCEDED;
  --red-100: #F8D6D6;
  --red-200: #F1AEAE;
  --red-300: #E87576;
  --red-400: #E03B3D;
  --red-500: #D81618;   /* bright accent */
  --red-600: #C80204;   /* PRIMARY — exact logo red */
  --red-700: #A30103;   /* hover */
  --red-800: #7E0102;   /* pressed / deep */
  --red-900: #560000;

  /* ---- Ink / "Preto Técnico" ---- */
  --ink-900: #050505;   /* logo black, max authority */
  --ink-800: #141414;
  --ink-700: #1F1F1F;
  --ink-600: #2A2A2A;
  --ink-500: #3F3F3F;   /* "Cinza Operacional" — secondary text */

  /* ---- Neutral grays ---- */
  --gray-900: #1A1A1A;
  --gray-700: #4A4A4A;
  --gray-600: #6B6B6B;  /* muted text */
  --gray-500: #8A8A8A;  /* placeholder / disabled text */
  --gray-400: #ABABAB;
  --gray-300: #D2D2D2;  /* strong border */
  --gray-200: #E4E4E4;  /* default border / divider */
  --gray-100: #EEEEEE;  /* subtle fill */
  --gray-50:  #F6F6F6;  /* "Cinza Operacional" surface */
  --white:    #FFFFFF;  /* "Branco Clínico" */

  /* ---- Platform / status ---- */
  --whatsapp:      #25D366; /* USE ONLY for WhatsApp / confirmation */
  --whatsapp-700:  #1EB257;
  --success:       #1E9E54;
  --success-bg:    #E7F5EC;
  --warning:       #C77A00;
  --warning-bg:    #FBF1DF;
  --danger:        #C80204; /* aligns to brand red */
  --danger-bg:     #FCEDED;
  --info:          #2A2A2A;

  /* radiation / urgency hazard accent (signage, alerts) */
  --hazard-yellow: #F2C200;

  /* ============================================================
     SEMANTIC ALIASES — reference these in components
     ============================================================ */
  /* text */
  --text-strong:    var(--ink-900); /* titles, "Preto forte" */
  --text-body:      var(--ink-700);
  --text-secondary: var(--ink-500); /* "textos secundários em cinza técnico" */
  --text-muted:     var(--gray-600);
  --text-disabled:  var(--gray-500);
  --text-on-dark:   var(--white);
  --text-on-red:    var(--white);
  --text-accent:    var(--red-600); /* "destaques em vermelho" */

  /* surfaces */
  --surface-page:    var(--white);
  --surface-card:    var(--white);
  --surface-subtle:  var(--gray-50);  /* card fills, neutral areas */
  --surface-sunken:  var(--gray-100);
  --surface-dark:    var(--ink-900);  /* header / footer / dark sections */
  --surface-dark-2:  var(--ink-800);

  /* borders */
  --border-subtle:  var(--gray-200);
  --border-default: var(--gray-300);
  --border-strong:  var(--ink-900);
  --border-accent:  var(--red-600);   /* "detalhe lateral vermelho" */

  /* interactive — primary CTA */
  --action-primary:        var(--red-600);
  --action-primary-hover:  var(--red-700);
  --action-primary-active: var(--red-800);
  --action-on-primary:     var(--white);

  /* interactive — dark / secondary */
  --action-dark:        var(--ink-900);
  --action-dark-hover:  var(--ink-700);
  --action-dark-active: var(--ink-600);

  /* focus ring */
  --focus-ring: var(--red-500);
}