/* MindScape Theme Override for Twenty CRM */
/* Loaded after Twenty's default theme to override CSS custom properties */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap');

.light {
  /* Backgrounds - warm cream */
  --t-gray-scale-gray1: #FCFDF7;
  --t-gray-scale-gray2: #F8F6F0;
  --t-gray-scale-gray3: #F5F3ED;
  --t-gray-scale-gray4: #EDE9E2;
  --t-gray-scale-gray5: #E8E3DB;
  --t-gray-scale-gray6: #D8D2C8;
  --t-gray-scale-gray7: #C5BFB5;
  --t-gray-scale-gray8: #A09A90;
  --t-gray-scale-gray9: #7A756C;
  --t-gray-scale-gray10: #6B665E;
  --t-gray-scale-gray11: #5A5248;
  --t-gray-scale-gray12: #2D2D2D;

  /* Backgrounds */
  --t-background-primary: #FCFDF7;
  --t-background-secondary: #F8F6F0;
  --t-background-tertiary: #EDE9E2;
  --t-background-quaternary: #E8E3DB;
  --t-background-inverted-primary: #2D2D2D;
  --t-background-inverted-secondary: #5A5248;

  /* Accent - dark teal #074540 */
  --t-accent-primary: #c2e0de;
  --t-accent-secondary: #c2e0de;
  --t-accent-tertiary: #ddf0ee;
  --t-accent-quaternary: #eef8f7;
  --t-accent-accent3570: #0a6b63;
  --t-accent-accent4060: #0a6b63;
  --t-accent-accent1: #f3faf9;
  --t-accent-accent2: #eef8f7;
  --t-accent-accent3: #ddf0ee;
  --t-accent-accent4: #c2e0de;
  --t-accent-accent5: #a8d1cd;
  --t-accent-accent6: #88bfba;
  --t-accent-accent7: #5da39d;
  --t-accent-accent8: #0a6b63;
  --t-accent-accent9: #074540;
  --t-accent-accent10: #053a36;
  --t-accent-accent11: #074540;
  --t-accent-accent12: #031f1d;

  /* Font colors */
  --t-font-color-primary: #2D2D2D;
  --t-font-color-secondary: #5A5248;
  --t-font-color-tertiary: #7A756C;
  --t-font-color-light: #A09A90;
  --t-font-color-extra-light: #C5BFB5;
  --t-font-color-inverted: #FCFDF7;

  /* Border colors */
  --t-border-color-strong: #D8D2C8;
  --t-border-color-medium: #E8E3DB;
  --t-border-color-light: #EDE9E2;
  --t-border-color-inverted: #2D2D2D;

  /* Buttons */
  --t-buttons-secondary-text-color: #074540;
}

/* Heading font override */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Crimson Pro', serif !important;
}

/* ================================================
   LOGIN PAGE - Match MindScape sign-in design
   ================================================ */

/* ==============================================
   LOGO REPLACEMENT
   ============================================== */

/* Hide workspace logo images loaded from twentyhq.github.io */
img[src*="twentyhq.github.io"],
img[src*="twenty-logo"] {
  content: url('/images/mindscape-icon.png') !important;
}

/* Style the sign-in container */
[data-testid="sign-in-up-container"],
[class*="SignInUp"] {
  background-color: #FCFDF7 !important;
}

/* Primary action buttons - MindScape teal pill style */
button[type="submit"],
[data-testid="submit-button"] {
  background-color: #074540 !important;
  color: #FCFDF7 !important;
  border-radius: 1000px !important;
  font-family: 'Inter', sans-serif !important;
  font-weight: 500 !important;
  border: none !important;
  transition: background-color 0.2s ease !important;
}

button[type="submit"]:hover,
[data-testid="submit-button"]:hover {
  background-color: #164842 !important;
}

/* Input fields - teal border, rounded */
input[type="email"],
input[type="password"],
input[type="text"] {
  border: 1px solid #074540 !important;
  border-radius: 0.75rem !important;
  font-family: 'Inter', sans-serif !important;
  background-color: #FCFDF7 !important;
  color: #141414 !important;
}

input[type="email"]:focus,
input[type="password"]:focus,
input[type="text"]:focus {
  border-color: #074540 !important;
  box-shadow: 0 0 0 2px rgba(7, 69, 64, 0.15) !important;
  outline: none !important;
}

/* Google/SSO buttons - outlined teal style */
[data-testid="google-button"],
button[class*="google"],
button[class*="sso"] {
  border: 1px solid #074540 !important;
  background-color: #FCFDF7 !important;
  color: #141414 !important;
  border-radius: 0.75rem !important;
  font-family: 'Inter', sans-serif !important;
}

/* Links */
a {
  color: #074540 !important;
}

/* Title text on auth pages */
[data-testid="sign-in-up-title"],
[class*="Title"] {
  font-family: 'Crimson Pro', serif !important;
  color: #141414 !important;
}