/* Signals accent: replaces Twenty's blue scale and the accent tokens derived from it.
   Unlayered, so it wins over twenty-ui's @layer theme tokens. Steps follow Twenty's
   mapping in packages/twenty-ui/src/theme/theme-{light,dark}.css. */

.light {
  --signals-teal-1: #f8fcfc;
  --signals-teal-2: #f0f9fa;
  --signals-teal-3: #dff2f4;
  --signals-teal-4: #cbe9ec;
  --signals-teal-5: #b5dfe3;
  --signals-teal-6: #9ad1d7;
  --signals-teal-7: #74bec6;
  --signals-teal-8: #4aa9b4;
  --signals-teal-9: #2797a3;
  --signals-teal-10: #1f8893;
  --signals-teal-11: #187580;
  --signals-teal-12: #0f3d42;
}

.dark {
  --signals-teal-1: #0c1617;
  --signals-teal-2: #101d1f;
  --signals-teal-3: #0f2e31;
  --signals-teal-4: #0e3a3e;
  --signals-teal-5: #12474c;
  --signals-teal-6: #17565c;
  --signals-teal-7: #1d6970;
  --signals-teal-8: #23828c;
  --signals-teal-9: #2797a3;
  --signals-teal-10: #35a7b3;
  --signals-teal-11: #6ccad3;
  --signals-teal-12: #c6eef2;
}

.light,
.dark {
  --t-color-blue: var(--signals-teal-9);
  --t-color-blue1: var(--signals-teal-1);
  --t-color-blue2: var(--signals-teal-2);
  --t-color-blue3: var(--signals-teal-3);
  --t-color-blue4: var(--signals-teal-4);
  --t-color-blue5: var(--signals-teal-5);
  --t-color-blue6: var(--signals-teal-6);
  --t-color-blue7: var(--signals-teal-7);
  --t-color-blue8: var(--signals-teal-8);
  --t-color-blue9: var(--signals-teal-9);
  --t-color-blue10: var(--signals-teal-10);
  --t-color-blue11: var(--signals-teal-11);
  --t-color-blue12: var(--signals-teal-12);

  --t-accent-primary: var(--signals-teal-5);
  --t-accent-secondary: var(--signals-teal-5);
  --t-accent-tertiary: var(--signals-teal-3);
  --t-accent-quaternary: var(--signals-teal-2);
  --t-accent-accent3570: var(--signals-teal-8);
  --t-accent-accent4060: var(--signals-teal-8);
  --t-accent-accent1: var(--signals-teal-1);
  --t-accent-accent2: var(--signals-teal-2);
  --t-accent-accent3: var(--signals-teal-3);
  --t-accent-accent4: var(--signals-teal-4);
  --t-accent-accent5: var(--signals-teal-5);
  --t-accent-accent6: var(--signals-teal-6);
  --t-accent-accent7: var(--signals-teal-7);
  --t-accent-accent8: var(--signals-teal-8);
  --t-accent-accent9: var(--signals-teal-9);
  --t-accent-accent10: var(--signals-teal-10);
  --t-accent-accent11: var(--signals-teal-11);
  --t-accent-accent12: var(--signals-teal-12);
}

/* Sign-in and onboarding logo block: the primary logo is the only element pointing at this icon path
   (see SIGNALS-CHANGES.md). The workspace letter tile next to it is colored by name; keep it teal. */
div:has(> a > [style*="android-launchericon-192-192.png"]) [data-shape="square"] {
  --tw-avatar-background: var(--signals-teal-4) !important;
  --tw-avatar-color: var(--signals-teal-11) !important;
  --tw-avatar-border: 1px solid var(--signals-teal-6) !important;
}

/* Dark mode: full white ISTARI logo instead of the square mark. */
.dark div:has(> a > [style*="android-launchericon-192-192.png"]) {
  width: 200px;
}

.dark [style*="android-launchericon-192-192.png"] {
  background-image: url('/signals/logo-white.svg') !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain !important;
}

/* Twenty's own terms and privacy links on the instance sign-in page do not apply to Signals clients. */
div:has(> a[href*="twenty.com"][href*="terms"]) {
  display: none;
}