/* Gentina Engenharia — Color tokens
   Institutional palette from the Manual de Identidade Visual (2026 v1.0).
   Graphite is the base; amber is the accent, used sparingly, always over graphite. */
:root {
  /* ---- Brand core ---- */
  --amber: #F49D12;            /* Âmbar Gentina — Pantone 1375 C */
  --graphite: #3C4652;         /* Grafite Ardósia — Pantone 432 C */
  --graphite-dark: #2E363F;    /* Grafite Escuro */
  --mist: #F2F3F1;             /* Névoa */
  --white: #FFFFFF;            /* Branco */

  /* ---- Amber ramp (accent) ---- */
  --amber-50: #FEF6E7;
  --amber-100: #FCE7BF;
  --amber-300: #F8C766;
  --amber-500: #F49D12;        /* = --amber */
  --amber-600: #D9860A;
  --amber-700: #B36C05;

  /* ---- Graphite / neutral ramp ---- */
  --neutral-0: #FFFFFF;
  --neutral-50: #F2F3F1;       /* = --mist */
  --neutral-100: #E6E8EA;
  --neutral-200: #CBD0D6;
  --neutral-300: #AEB6BF;
  --neutral-400: #808A96;
  --neutral-500: #5C6673;
  --neutral-600: #3C4652;      /* = --graphite */
  --neutral-700: #2E363F;      /* = --graphite-dark */
  --neutral-800: #232A31;
  --neutral-900: #191E24;

  /* ---- Semantic ---- */
  --success: #2F9E6B;
  --warning: #F49D12;
  --danger: #D64545;
  --info: #3E7CB1;

  /* ---- Surfaces ---- */
  --surface-page: var(--white);
  --surface-muted: var(--mist);
  --surface-card: var(--white);
  --surface-inverse: var(--graphite-dark);
  --surface-inverse-2: var(--graphite);

  /* ---- Text ---- */
  --text-strong: var(--graphite-dark);
  --text-body: var(--graphite);
  --text-muted: var(--neutral-400);
  --text-inverse: var(--white);
  --text-inverse-muted: var(--neutral-300);
  --text-accent: var(--amber-700);

  /* ---- Lines & borders ---- */
  --border-subtle: var(--neutral-100);
  --border-default: var(--neutral-200);
  --border-strong: var(--neutral-400);
  --border-inverse: rgba(255,255,255,0.14);

  /* ---- Accent-on-surface ---- */
  --accent: var(--amber);
  --accent-hover: var(--amber-600);
  --accent-press: var(--amber-700);
  --on-accent: var(--graphite-dark);
}