:root {
            /* Color Tokens derived from the Penguin Logo (IMAGE_2) */
            --background: #0a0a0c;
            --on-background: #f0f0f2;
            --surface: #0a0a0c;
            --on-surface: #f0f0f2;
            --surface-container: #151518;
            --surface-variant: #242428;
            
            /* Primary Accent: Penguin Beak/Feet Orange-Yellow */
            --primary: #f7b42c; 
            --on-primary: #2d1d00;
            --primary-container: #ff9d00;
            --on-primary-container: #261700;
            
            --tertiary: #ffcc66;
            --error: #ff5e5e;
            --outline: #6b6e76;
            
            /* Themed Glassmorphism: Deep near-black tints */
            --glass-bg: rgba(10, 10, 12, 0.4);
            --window-bg: rgba(18, 18, 20, 0.85);
            --header-height: 32px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}


a{
    color: var(--primary);
    text-decoration: none;
}


#root{
    font-family: 'Inter', sans-serif;
    /*background-color: var(--background);*/
    color: var(--on-background);
    height: 100vh;
    width: 100vw;
    overflow: hidden;
    user-select: none;
}


/* Terminal Window */

.terminal-body {
    padding: 16px;
    font-family: 'ui-monospace', 'SFMono-Regular', Menlo, Monaco, Consolas, monospace;
    font-size: 14px;
    color: var(--primary);
}

.terminal-line { margin-bottom: 4px; }
.prompt { color: var(--tertiary); }
.user-text { color: #fff; }

.file-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 32px;
    color: rgba(255, 255, 255, 0.8);
    margin: 8px 0;
}

/* Contact & Quota Forms */

.error-contact {
    border-color: rgba(255, 0, 0, 0.5);
    box-shadow: 0 0 0 2px rgba(255, 0, 0, 0.2);
}

.loadingContact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 16px;
  font-size: 17px;
  color: #d97706;
  font-weight: 700;
  line-height: 1.2;
}

.loadingContact i {
  font-size: 50px;
  animation: anime 1s infinite linear;
}

.sucessContact {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 16px;
  font-size: 17px;
  color: #2cd97b;
  font-weight: 700;
  line-height: 1.2;
}

.sucessContact i {
  font-size: 50px;
}

.errorContact{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 16px;
  font-size: 17px;
  color: rgba(255, 0, 0, 0.5);
  font-weight: 700;
  line-height: 1.2;
}

.errorContact i {
  font-size: 50px;
}

.error-contact-link{
  text-decoration: underline;
  cursor: pointer;
}