@import url('https://fonts.googleapis.com/css2?family=Carlito:ital,wght@0,400;
/* Sonangol — Color tokens
   Sourced from the Sonangol logo + "Projecto SAP_BCM" corporate deck. */
:root {
  /* Brand core */
  --son-yellow: #FFC600;        /* logo field, highlight */
  --son-yellow-alt: #FFC000;    /* deck variant */
  --son-yellow-bright: #FFC629; /* chart/accent variant */
  --son-red: #C8102E;           /* logo flame, primary accent */
  --son-orange: #F58220;        /* secondary accent (headers, kickers) */
  --son-black: #000000;

  /* Ink / neutrals (deck gray ramp) */
  --ink-1: #262626;   /* primary text */
  --ink-2: #2D2A26;   /* warm ink variant */
  --gray-1: #595959;
  --gray-2: #808080;
  --gray-3: #A6A6A6;
  --gray-4: #BFBFBF;
  --gray-5: #D9D9D9;
  --gray-6: #E0E0E0;
  --gray-7: #F2F2F2;
  --gray-8: #F4F4F4;
  --white: #FFFFFF;

  /* Tints (card backgrounds) */
  --tint-red: #FBEAED;     /* red 8% */
  --tint-red-2: #E8C7CD;   /* red 20% */
  --tint-yellow: #FFF6DB;
  --tint-yellow-2: #FFF8E1;
  --tint-orange: #FEF1E4;

  /* Semantic aliases */
  --text-body: var(--ink-1);
  --text-secondary: var(--gray-1);
  --text-muted: var(--gray-2);
  --text-faint: var(--gray-3);
  --text-inverse: var(--white);
  --surface-page: var(--white);
  --surface-card: var(--white);
  --surface-subtle: var(--gray-8);
  --surface-panel: var(--gray-7);
  --surface-accent-red: var(--tint-red);
  --surface-accent-yellow: var(--tint-yellow);
  --surface-accent-orange: var(--tint-orange);
  --border-default: var(--gray-5);
  --border-strong: var(--gray-4);
  --border-subtle: var(--gray-6);
  --accent-primary: var(--son-red);
  --accent-secondary: var(--son-orange);
  --accent-highlight: var(--son-yellow);
  --link: var(--son-red);
  --link-hover: #A00D25;
  --focus-ring: var(--son-orange);
}

/* Sonangol — Typography tokens
   The corporate deck is set in Calibri. Calibri is a licensed Microsoft font;
   Carlito (Google Fonts) is its metric-compatible substitute and is used here.
   Replace with real Calibri files if licensing allows. */
0,700;1,400;1,700&display=swap');

:root {
  --font-sans: 'Carlito', 'Calibri', 'Segoe UI', Arial, sans-serif;
  --font-display: var(--font-sans);

  /* Scale (deck-derived) */
  --text-xs: 11px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 21px;
  --text-xl: 28px;
  --text-2xl: 36px;
  --text-3xl: 48px;
  --text-stat: 64px;   /* big KPI numbers */

  --leading-tight: 1.1;
  --leading-snug: 1.25;
  --leading-normal: 1.45;

  --weight-regular: 400;
  --weight-bold: 700;

  /* Kickers / labels: ALL CAPS with tracking */
  --tracking-caps: 0.08em;
  --tracking-wide: 0.14em;
}

body {
  font-family: var(--font-sans);
  color: var(--text-body);
  -webkit-font-smoothing: antialiased;
}

a { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); text-decoration: underline; }

/* Sonangol — spacing, radii, borders, shadows */
:root {
  /* Spacing */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;

  /* Radii — deck cards are square-to-slightly-rounded */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;

  /* Accent bar (signature motif: top or left rule in brand color) */
  --accent-bar: 4px;

  /* Borders */
  --border-w: 1px;

  /* Shadows — deck is flat; use sparingly */
  --shadow-card: 0 1px 3px rgba(38, 38, 38, 0.10);
  --shadow-raised: 0 4px 16px rgba(38, 38, 38, 0.14);
}