@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

:root {
    --black: #000000;
    --dark-bg: #050507;
    --glass-bg: rgba(255, 255, 255, 0.04);
    --glass-bg-hover: rgba(255, 255, 255, 0.08);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-border-hover: rgba(255, 255, 255, 0.15);
    --glass-highlight: rgba(255, 255, 255, 0.12);
    --white: #ffffff;
    --text: #e0e0e0;
    --text-secondary: #aaa;
    --text-muted: #777;
    --light-gray: rgba(255, 255, 255, 0.7);
    --mid-gray: rgba(255, 255, 255, 0.4);
    --orange: #ff6b00;
    --orange-light: #ff8533;
    --orange-glow: rgba(255, 107, 0, 0.3);
    --orange-glass: rgba(255, 107, 0, 0.15);
    --shadow: rgba(0,0,0,0.06);
    --shadow-hover: rgba(0,0,0,0.1);

  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
  --transition-slow: 0.6s ease;
  
  --color-bg: #0c0c0e;
  --color-bg-surface: #161618;
  --color-bg-elevated: #1c1c1f;
    --card-bg: #1A1A1A;
  --titulo: #FFFFFF;
  --texto-escuro: #54595F; #B8B2B2
  --texto-claro: #B0B0B0; #F2EDED
  --orange: #FF6B00;
  --orange-border: rgba(255, 107, 0, 0.30);
  --font: "IBM Plex Mono";
}

body {
    font-family: var(--font);
}
.card-ser-01 {
    padding: 30px !important;
    border-radius: 20px !important;
    background: var(--card-bg);
}
.card-ser-01 img {
    width: 40px;
}