/*
  Design tokens extracted from the Figma file "TrackLink".
  Base palette comes from the Figma "Foundation" styles; the
  --dm-* tokens are the ones that actually change between the
  dark screen (HOME - DARKMODE, the default here) and light
  screen (HOME).
*/

:root {
  --color-violet-light: #fcfcfd;
  --color-violet-light-hover: #fafafb;
  --color-violet-light-active: #f5f5f7;
  --color-grey-light: #fdfdfd;
  --color-grey-normal: #e3e5de;
  --color-grey-dark: #b1b3ad;
  --color-grey-border: #bdbeb8;

  --color-green-normal: #5da578;
  --color-green-normal-hover: #5b9c93;
  --color-green-normal-active: #6da9a6;
  --color-green-dark: #90ad76;
  --color-green-dark-active: #566847;
  --color-green-darker: #233d39;
  --color-green-light: #d4e4e1;
  --color-green-light-hover: #edf8f8;
  --color-green-light-active: #cde3d5;

  --color-danger: #ff6b6b;

  --color-teal: #669e9b;
  --color-teal-active: #7abeba;
  --color-teal-deep: #4c827a;
  --color-grey-dark-hover: #8e8f8a;
  --color-green-accent: #65ada3;
  --color-green-active: #6da9a6;

  --font-body: "Lexend", sans-serif;
  --font-inter: "Inter", sans-serif;

  /* Theme tokens - default values are the HOME - DARKMODE screen */
  --dm-bg: #152623;
  --dm-surface: #2d4e49;
  --dm-surface-alt: #3d5f5d;
  --dm-border: #669e9b;
  --dm-border-alt: #65ada3;
  --dm-text: #fcfcfd;
  --dm-text-soft: #fafafb;
  --dm-accent: #aff4f1;
  --dm-accent-green: #467c5a;
  --dm-cta-text: #c0e79d;
  --dm-tag-text: #566847;
  --dm-tag-text-alt: #3d5f5d;
  --dm-step-accent: var(--color-teal);
  --dm-card-bg: var(--color-green-darker);
  --dm-price: #88d3cf;
  --dm-subtitle: #aff4f1;
  --dm-heading-soft: #ebf8e1;
  --dm-plant-panel: #1a2c29;

  /* APP screens (455:354 / 456:465) - always dark, no light variant in Figma */
  --app-bg: #0a0f0d;
  --app-card-bg: #152623;
  --app-text: #fcfcfd;
  --app-accent: #c0e79d;
  --app-muted: #5b9c93;
  --app-muted-alt: #65ada3;
  --app-info: #88d3cf;

  /* SIGN UP (447:401 / 459:499) - default values are the dark screen */
  --su-title: #f9fdf5;
  --su-label: #6da9a6;
  --su-input-bg: #233d39;
  --su-input-text: #90ad76;
  --su-input-shadow: none;
  --su-link-accent: #c0e79d;
  --su-link-rest: #f9fdf5;
  --su-m-link-accent: #90ad76;
  --su-m-link-rest: #eff6f2;
}

/* Light theme tokens - HOME screen */
.home[data-theme="light"],
.home-wrapper[data-theme="light"],
.home-wrapper--mobile[data-theme="light"],
.sistema[data-theme="light"],
.m-sistema[data-theme="light"],
.sistema-wrapper[data-theme="light"],
.m-sistema-wrapper[data-theme="light"],
.investimento[data-theme="light"],
.m-investimento[data-theme="light"],
.investimento-wrapper[data-theme="light"],
.m-investimento-wrapper[data-theme="light"],
.bibliografia[data-theme="light"],
.m-bibliografia[data-theme="light"],
.bibliografia-wrapper[data-theme="light"],
.m-bibliografia-wrapper[data-theme="light"],
.sobre[data-theme="light"],
.m-sobre[data-theme="light"],
.sobre-wrapper[data-theme="light"],
.m-sobre-wrapper[data-theme="light"],
.signup[data-theme="light"],
.m-signup[data-theme="light"],
.signup-wrapper[data-theme="light"],
.m-signup-wrapper[data-theme="light"],
.login[data-theme="light"],
.m-login[data-theme="light"],
.login-wrapper[data-theme="light"],
.m-login-wrapper[data-theme="light"] {
  --dm-bg: #fcfcfd;
  --dm-surface: #f5f5f7;
  --dm-surface-alt: #f5f5f7;
  --dm-border: #bdbeb8;
  --dm-border-alt: #bdbeb8;
  --dm-text: #2d4e49;
  --dm-text-soft: #2d4e49;
  --dm-accent: #65ada3;
  --dm-accent-green: #5da578;
  --dm-cta-text: #5da578;
  --dm-tag-text: #90ad76;
  --dm-tag-text-alt: #669e9b;
  --dm-step-accent: var(--color-teal-deep);
  --dm-card-bg: #ebf8e1;
  --dm-price: var(--color-green-normal-hover);
  --dm-subtitle: var(--color-grey-dark);
  --dm-heading-soft: var(--dm-text);
  --dm-plant-panel: #eef1ec;

  --su-title: #2a4a36;
  --su-label: #669e9b;
  --su-input-bg: #e7f2eb;
  --su-input-text: #4c827a;
  --su-input-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.3);
  --su-link-accent: #65ada3;
  --su-link-rest: #2a4a36;
  --su-m-link-accent: #65ada3;
  --su-m-link-rest: #2a4a36;
}