/* Alfalux Premium UI
 * Camada visual isolada: mantém os componentes funcionais e permite evolução segura.
 */
:root {
  --ink: #f6f5f0;
  --muted: #aaa9a3;
  --line: rgba(255, 255, 255, 0.09);
  --paper: #0d0d0e;
  --white: #181819;
  --green: #d8ab4c;
  --green-2: #d8ab4c;
  --mint: rgba(216, 171, 76, 0.12);
  --amber: #dcb764;
  --amber-bg: rgba(220, 183, 100, 0.12);
  --red: #ff747c;
  --red-bg: rgba(255, 91, 101, 0.13);
  --blue: #80baff;
  --blue-bg: rgba(90, 159, 237, 0.13);
  --surface: #181819;
  --surface-raised: #202022;
  --surface-soft: #131314;
  --gold: #d8ab4c;
  --gold-soft: #b88b35;
  --gold-pale: #ead49a;
  --shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}

html {
  color-scheme: dark;
  background: #0d0d0e;
}

body {
  min-width: 320px;
  background: radial-gradient(circle at 82% 4%, rgba(243, 189, 25, 0.055), transparent 22rem), #0d0d0e;
  color: var(--ink);
  letter-spacing: -0.008em;
}

::selection {
  background: rgba(243, 189, 25, 0.32);
  color: #fff;
}

*:focus-visible {
  outline: 2px solid var(--gold) !important;
  outline-offset: 3px;
}