/* Metas Comerciais — tokens visuais (ref: Metas Semanais.html) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url('/fonts/sora-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --ink: #16202f;
  --muted: #5b6b80;
  --faint: #8896a8;

  --line: #e2e8f1;
  --line2: #eef2f7;

  --surface: #ffffff;
  --page: #eef1f6;
  --panel: #f7f9fc;

  --navy: #16273f;
  --navy2: #1f3a5f;
  --accent: #0e7c86;
  --accent-rgb: 14, 124, 134;

  --bronze: #c17a3f;
  --bronzeD: #9c5d2a;
  --bronze-rgb: 193, 122, 63;
  --bronze-text: var(--bronzeD);

  --prata: #94a3b3;
  --prataD: #74838f;
  --prata-rgb: 148, 163, 179;
  --prata-text: #5c6b7a;

  --ouro: #e0a92e;
  --ouroD: #bd8910;
  --ouro-rgb: 224, 169, 46;
  --ouro-text: #92680a;

  --diam: #37afd0;
  --diam-rgb: 55, 175, 208;
  --diamD: #2289a6;
  --diam-text: #0e7490;

  --ok: #1f9d5b;
  --warn: #cf8a00;
  --bad: #d64545;

  /* Aliases — compatibilidade com módulos existentes */
  --color-page: var(--page);
  --color-surface: var(--surface);
  --color-surface-soft: var(--panel);
  --color-surface-muted: var(--line2);
  --color-text: var(--ink);
  --color-text-soft: #334155;
  --color-muted: var(--muted);
  --color-faint: var(--faint);
  --color-label: var(--muted);
  --color-border: var(--line);
  --color-border-strong: #cbd5e1;
  --color-border-soft: var(--line2);
  --color-primary: var(--navy);
  --color-primary-hover: var(--navy2);
  --color-accent: var(--accent);
  --color-accent-ring: rgba(14, 124, 134, 0.13);
  --color-success: var(--ok);
  --color-warning: var(--warn);
  --color-danger: var(--bad);
  --color-info: var(--accent);
  --color-bronze: var(--bronze);
  --color-prata: var(--prata);
  --color-ouro: var(--ouro);
  --color-diamante: var(--diam);
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 14px;
  --shadow-card: 0 1px 2px rgba(20, 30, 50, 0.03);
  --shadow-soft: 0 1px 2px rgba(20, 30, 50, 0.03);
  --sidebar-active-bg: var(--panel);
  --sidebar-active-text: var(--ink);
  --sidebar-active-border: var(--line);
  --bg: var(--page);
  --text: var(--ink);
  --border: var(--line);
  --success: var(--ok);
  --warning: var(--warn);
  --danger: var(--bad);
  --level-bronze: var(--bronze);
  --level-prata: var(--prata);
  --level-ouro: var(--ouro);
  --level-diamante: var(--diam);
}

/* Simbologia dos niveis — reforca a cor com um icone (ajuda tambem daltonicos) */
.sg-lv-bronze .sg-level-head::before,
.sr-level-bronze::before,
.sg-summary-card.sg-lv-bronze .sg-summary-label::before,
.pb-percent-card.sg-lv-bronze span:first-child::before,
.fs-summary-card.sg-lv-bronze span:first-child::before { content: '\1F949\0020'; }

.sg-lv-prata .sg-level-head::before,
.sr-level-prata::before,
.sg-summary-card.sg-lv-prata .sg-summary-label::before,
.pb-percent-card.sg-lv-prata span:first-child::before,
.fs-summary-card.sg-lv-prata span:first-child::before { content: '\1F948\0020'; }

.sg-lv-ouro .sg-level-head::before,
.sr-level-ouro::before,
.sg-summary-card.sg-lv-ouro .sg-summary-label::before,
.pb-percent-card.sg-lv-ouro span:first-child::before,
.fs-summary-card.sg-lv-ouro span:first-child::before { content: '\1F947\0020'; }

.sg-lv-diamante .sg-level-head::before,
.sr-level-diamante::before,
.sg-summary-card.sg-lv-diamante .sg-summary-label::before,
.pb-percent-card.sg-lv-diamante span:first-child::before,
.fs-summary-card.sg-lv-diamante span:first-child::before { content: '\1F48E\0020'; }

body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, .card-title, .section-title {
  font-family: 'Sora', sans-serif;
  letter-spacing: -0.01em;
}