/* =====================================================
   AGUA FRAMEWORK - theme.agua.css - v2.3
   Identidade Oficial ARKOS · Protocolo ÁGUA
   Dark Cyber Tactical · Verde Neon (#B2F042) & Fundo #0a0a0c
   ===================================================== */

@font-face {
  font-family: 'Inter';
  src: url('../assets/Inter-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/Inter-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../assets/Inter-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../assets/JetBrainsMono-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'JetBrains Mono';
  src: url('../assets/JetBrainsMono-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  src: url('../assets/MaterialSymbolsRounded.woff2') format('woff2');
  font-display: swap;
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: 'liga';
  vertical-align: middle;
}

:root {
  color-scheme: dark;

  /* Fontes Canônicas ÁGUA */
  --font-sans: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;

  /* Paleta Canônica ÁGUA mapeada ao ARKOS */
  --color-bg: #0a0a0c;
  --color-bg-deep: #06070a;
  --color-surface: #161719;
  --color-surface-2: #101113;
  --color-surface-3: #1b1c1f;

  --color-text: #f2f2f4;
  --color-text-2: #b8bcc6;
  --color-text-3: #a4a9b5;

  --color-border: #2a2c30;
  --color-border-2: #3a3d42;

  /* Destaque Neon ARKOS */
  --color-accent: #B2F042;
  --color-accent-rgb: 178, 240, 66;
  --color-accent-2: #c4ff5f;
  --color-accent-dark: #9fda33;
  --color-accent-dim: rgba(178, 240, 66, 0.10);
  --color-accent-text: #06070a;

  --color-overlay: rgba(6, 7, 10, 0.88);

  --color-success: #20d080;
  --color-warning: #f59e0b;
  --color-danger: #ff5d5d;

  /* Aliases ARKOS mantidos para compatibilidade */
  --brand: var(--color-accent);
  --brand-rgb: var(--color-accent-rgb);
  --brand-hover: var(--color-accent-2);
  --brand-press: var(--color-accent-dark);
  --brand-glow: rgba(var(--brand-rgb), 0.40);
  --brand-soft: rgba(var(--brand-rgb), 0.10);
  --brand-dim: rgba(var(--brand-rgb), 0.05);

  --bg: var(--color-bg);
  --bg-deep: var(--color-bg-deep);
  --bg-2: var(--color-surface-2);
  --panel: var(--color-surface);
  --panel-2: var(--color-surface-3);
  --line: var(--color-border);
  --line-soft: rgba(255, 255, 255, 0.05);

  --text: var(--color-text);
  --text-dim: var(--color-text-2);
  --text-mute: var(--color-text-3);

  --font: var(--font-sans);
  --mono: var(--font-mono);

  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 18px;
  --radius-pill: 999px;

  --ease: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --shadow-card: 0 1px 0 rgba(255,255,255,.02) inset, 0 18px 40px -28px rgba(0,0,0,.9);
}