/* ============================================================
   Martinelli Design System — Color Tokens
   Faithful to src/styles/tokens.css (Projeto Atlas)
   ============================================================ */

:root {
  /* === Brand / Primary (Martinelli blue) === */
  --color-primary: #1C62CB;
  --color-primary-hover: #154a9f;
  --color-primary-light: #E8EFF9;
  --color-primary-lightest: #F0F5FC;

  /* === Semantic state === */
  --color-success: #3D7A30;
  --color-success-light: #EEF5EC;
  --color-error: #C62828;
  --color-error-light: #FCEAEA;
  --color-warning: #E6960A;
  --color-warning-light: #FDF5E6;
  --color-accent: #7C3AED; /* roxo — destaque pontual */

  /* === Neutrals / surfaces === */
  --color-charcoal: #262626;
  --color-surface: #FFFFFF;
  --color-background: #F1F1F1;
  --color-off-white: #F1F1F1;
  --color-code-bg: #1A1A1A;

  /* === Borders === */
  --color-border: #9CA3AF;        /* foco / ênfase */
  --color-border-light: #E8EAED;  /* repouso */

  /* === Text === */
  --color-text-primary: #262626;
  --color-text-secondary: #52575F;
  --color-text-tertiary: #6B7280;
  --color-text-disabled: #B0B5BD;

  /* === Alpha === */
  --color-primary-ring: rgba(28, 98, 203, 0.25);
  --color-white-alpha-8: rgba(255, 255, 255, 0.08);

  /* === Semantic aliases (role-based) === */
  --text-body: var(--color-text-primary);
  --text-muted: var(--color-text-secondary);
  --text-faint: var(--color-text-tertiary);
  --surface-page: var(--color-background);
  --surface-card: var(--color-surface);
  --border-rest: var(--color-border-light);
  --border-active: var(--color-border);
  --action: var(--color-primary);
  --action-hover: var(--color-primary-hover);
}