/* Taskpane base styles */
body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: Geist, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

#tridentmessage {
  display: none;
  padding: 10px;
}

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes arrowPulse {
    0% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.15);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(1);
    }
}

.scroll-arrow-pulse {
    animation: arrowPulse 2s ease-in-out infinite;
}

@keyframes slideInFromBottom {
    0% {
        transform: translateY(16px);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.message-enter {
    animation: slideInFromBottom 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

@font-face {
  font-family: 'Geist';
  src: url(/b491726cdcc9fcf797b1.woff2) format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Geist Mono';
  src: url(/185c80ac95ecbe03570b.woff2) format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

/* ==========================================
   BASE TYPOGRAPHY SETTINGS
   ========================================== */
body {
  letter-spacing: 0.01em;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

code, pre, [class*="mono"] {
  letter-spacing: 0.005em;
  font-weight: 400;
}

/* ==========================================
   GEIST WEIGHT SYSTEM
   Based on official Geist typography guidelines
   ========================================== */

/* Regular (400) - Body text, chat messages, long-form content */
p {
  font-weight: 400;
  line-height: 1.5;
}

/* Span elements - inherit parent weight for inline text */
span {
  font-weight: inherit;
}

/* Medium (500) - Emphasized text, labels, buttons, UI elements */
button,
label,
[class*="button"],
[class*="Button"],
input,
textarea {
  font-weight: 500;
}

/* SemiBold (600) - Subheadings, section titles, sender labels */
h3,
h4,
h5,
h6,
[class*="sender"],
[class*="Sender"] {
  font-weight: 600;
}

/* Bold (700) - Primary headings, main titles */
h1,
h2 {
  font-weight: 600;
}

/* ==========================================
   CHAT-SPECIFIC TYPOGRAPHY
   ========================================== */

/* Chat messages - optimal readability */
[class*="message"] p,
[class*="Message"] p,
[class*="messageContent"] {
  font-weight: 450;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Timestamps - subtle, lightweight */
[class*="timestamp"],
[class*="Timestamp"] {
  font-weight: 400;
}

/* Predictions/suggestions - clear and readable */
[class*="prediction"],
[class*="Prediction"],
[class*="suggestion"],
[class*="Suggestion"] {
  font-weight: 400;
}

/* Strong emphasis within messages */
strong,
b {
  font-weight: 600;
}