/* A.M.A. Painel de Controlo — design tokens e base
   Paleta extraída do export WeWeb */

@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/myriad-300.otf) format('opentype');
}
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/myriad-400.otf) format('opentype');
}
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/myriad-600.otf) format('opentype');
}
@font-face {
  font-family: 'Myriad Pro';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../assets/fonts/myriad-700.otf) format('opentype');
}

:root {
  --primary: #7869C2;
  --primary-hover: #6a5bb5;
  --primary-light: #EEE9FF;
  --primary-muted: #9B96B0;
  --bg: #F9F8FD;
  --bg-2: #F4F4F5;
  --text: #27272A;
  --text-2: #71717A;
  --text-3: #A1A1AA;
  --border: #E4E4E7;
  --border-2: #D4D4D8;
  --gold: #C4A95B;
  --card: #FFFFFF;
  --danger: #DC2626;
  --danger-light: #FEE2E2;
  --success: #16A34A;
  --success-light: #DCFCE7;
  --warning: #CA8A04;
  --warning-light: #FEF9C3;
  --info: #2563EB;

  --radius: 12px;
  --radius-lg: 16px;
  --radius-sm: 8px;
  --card-shadow: 0 1px 3px rgba(39, 39, 42, 0.06), 0 1px 2px rgba(39, 39, 42, 0.04);
  --card-shadow-lg: 0 10px 30px rgba(39, 39, 42, 0.12);

  --font: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-brand: 'Myriad Pro', var(--font);

  --sidebar-w: 250px;
}

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font);
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { margin: 0; font-weight: 700; color: var(--text); }
h1 { font-size: 24px; }
h2 { font-size: 19px; }
h3 { font-size: 16px; }

p { margin: 0; }
a { color: var(--primary); text-decoration: none; }
a:hover { text-decoration: underline; }

img { max-width: 100%; display: block; }

::placeholder { color: var(--text-3); }