/* ─────────────────────────────────────────────────────────────
   MinerSuite · Design Tokens
   v1.0 — Direção Módulos · Grid Vazado
   Use em qualquer interface, documento ou peça gráfica.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Cor · Primárias ─────────────────────────────────────── */
  --ms-ink:        #0E3A4C;   /* Azul petróleo · cor principal           */
  --ms-ink-soft:   #2A5D72;   /* Azul médio · apoio, dados secundários   */
  --ms-graphite:   #1A2128;   /* Grafite · texto, dark surface, contratos*/
  --ms-gold:       #C9A24A;   /* Dourado mineral · destaque, KPIs        */
  --ms-gold-soft:  #E0BE6E;   /* Dourado claro · hover, tags suaves      */
  --ms-paper:      #F6F4EE;   /* Paper · plano de fundo, light surface   */
  --ms-paper-warm: #EFEBE0;   /* Paper acentuado · cards, separadores    */

  /* ── Cor · Estados ───────────────────────────────────────── */
  --ms-success:    #4A8A5C;
  --ms-warning:    #D08A2A;
  --ms-danger:     #B5443C;
  --ms-info:       var(--ms-ink-soft);

  /* ── Cor · Neutros funcionais ────────────────────────────── */
  --ms-rule:           rgba(20, 30, 40, 0.10);
  --ms-rule-strong:    rgba(20, 30, 40, 0.18);
  --ms-text-primary:   #1A2128;
  --ms-text-secondary: rgba(20, 30, 40, 0.70);
  --ms-text-tertiary:  rgba(20, 30, 40, 0.50);

  /* ── Tipografia ──────────────────────────────────────────── */
  --ms-font-sans:  'Manrope', system-ui, -apple-system, sans-serif;
  --ms-font-mono:  'JetBrains Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;

  /* Pesos */
  --ms-fw-light:   300;
  --ms-fw-regular: 400;
  --ms-fw-medium:  500;
  --ms-fw-semibold:600;
  --ms-fw-bold:    700;

  /* Escala de tamanho */
  --ms-fs-xs:   11px;
  --ms-fs-sm:   12.5px;
  --ms-fs-md:   14px;
  --ms-fs-lg:   16px;
  --ms-fs-xl:   20px;
  --ms-fs-2xl:  24px;
  --ms-fs-3xl:  30px;
  --ms-fs-4xl:  40px;
  --ms-fs-5xl:  56px;

  /* Tracking */
  --ms-tracking-tight:   -0.02em;   /* títulos, logo */
  --ms-tracking-normal:   0em;
  --ms-tracking-wide:     0.06em;
  --ms-tracking-mono:     0.08em;   /* mono caps     */

  /* Line-heights */
  --ms-lh-tight:   1.05;
  --ms-lh-snug:    1.25;
  --ms-lh-normal:  1.5;
  --ms-lh-relaxed: 1.65;

  /* ── Espaçamento (4px base) ──────────────────────────────── */
  --ms-space-1:  4px;
  --ms-space-2:  8px;
  --ms-space-3:  12px;
  --ms-space-4:  16px;
  --ms-space-5:  20px;
  --ms-space-6:  24px;
  --ms-space-8:  32px;
  --ms-space-10: 40px;
  --ms-space-12: 48px;
  --ms-space-16: 64px;

  /* ── Raio ────────────────────────────────────────────────── */
  --ms-radius-xs: 2px;
  --ms-radius-sm: 4px;
  --ms-radius-md: 6px;   /* padrão de superfícies UI              */
  --ms-radius-lg: 8px;
  --ms-radius-xl: 12px;
  --ms-radius-pill: 999px;

  /* ── Sombra ──────────────────────────────────────────────── */
  --ms-shadow-sm: 0 1px 2px rgba(20, 30, 40, 0.06);
  --ms-shadow-md: 0 4px 16px -6px rgba(20, 30, 40, 0.14);
  --ms-shadow-lg: 0 16px 36px -20px rgba(20, 30, 40, 0.25);

  /* ── Marca · regras de uso ───────────────────────────────── */
  --ms-mark-min-size:        16px;   /* tamanho mínimo do símbolo */
  --ms-lockup-min-width:     96px;   /* lockup horizontal mínimo  */
  --ms-mark-safe-area:       1;      /* 1× X = altura de um módulo*/
}

/* ─────────────────────────────────────────────────────────────
   Dark surface override — aplique em containers de superfície
   escura (login hero, banners, dashboards noturnos).
   ───────────────────────────────────────────────────────────── */
.ms-dark {
  --ms-text-primary:   #F6F4EE;
  --ms-text-secondary: rgba(246, 244, 238, 0.70);
  --ms-text-tertiary:  rgba(246, 244, 238, 0.50);
  --ms-rule:           rgba(246, 244, 238, 0.10);
  --ms-rule-strong:    rgba(246, 244, 238, 0.20);

  background: var(--ms-graphite);
  color: var(--ms-text-primary);
}