/* Aprendio orange override for self-hosted Documenso (sign.aprendio.ai)
 * Loads after Documenso bundles via nginx sub_filter injection.
 * Swaps the primary green for Aprendio orange. Targets both the CSS-
 * variable-driven shadcn primary AND the hardcoded Tailwind
 * documenso-* color scale (the green folder icon, stroke colors,
 * etc. that don't go through the variable path).
 *
 * Aprendio orange = #EF6B24 = HSL(21, 86%, 54%)
 * Documenso green  = #A2E771 = HSL(95, 71%, 67%)
 */

:root,
.dark-mode-disabled {
  --primary: 21 86% 54% !important;
  --primary-foreground: 0 0% 100% !important;
  --ring: 21 86% 54% !important;
  --field-card: 21 86% 90% !important;
  --field-card-border: 21 86% 54% !important;
  --card-border-tint: 239 107 36 !important;

  --new-primary-50:  21 86% 96% !important;
  --new-primary-100: 21 86% 92% !important;
  --new-primary-200: 21 86% 84% !important;
  --new-primary-300: 21 86% 75% !important;
  --new-primary-400: 21 86% 65% !important;
  --new-primary-500: 21 86% 54% !important;
  --new-primary-600: 21 86% 47% !important;
  --new-primary-700: 21 86% 39% !important;
  --new-primary-800: 21 86% 31% !important;
  --new-primary-900: 21 86% 23% !important;
  --new-primary-950: 21 86% 14% !important;
}

/* Hardcoded Tailwind `documenso` scale (defined as raw hex in
 * upstream tailwind-config). Matches every utility variant
 * Tailwind would have generated from the scale. */
.text-documenso       { color: #EF6B24 !important; }
.text-documenso-50    { color: #FEF5F0 !important; }
.text-documenso-100   { color: #FCE8DA !important; }
.text-documenso-200   { color: #F9CCAC !important; }
.text-documenso-300   { color: #F5AB7C !important; }
.text-documenso-400   { color: #F18A4F !important; }
.text-documenso-500   { color: #EF6B24 !important; }
.text-documenso-600   { color: #D55812 !important; }
.text-documenso-700   { color: #A8430C !important; }
.text-documenso-800   { color: #7B3008 !important; }
.text-documenso-900   { color: #4F1F05 !important; }
.text-documenso-950   { color: #2D1102 !important; }

.bg-documenso         { background-color: #EF6B24 !important; }
.bg-documenso-50      { background-color: #FEF5F0 !important; }
.bg-documenso-100     { background-color: #FCE8DA !important; }
.bg-documenso-200     { background-color: #F9CCAC !important; }
.bg-documenso-300     { background-color: #F5AB7C !important; }
.bg-documenso-400     { background-color: #F18A4F !important; }
.bg-documenso-500     { background-color: #EF6B24 !important; }
.bg-documenso-600     { background-color: #D55812 !important; }
.bg-documenso-700     { background-color: #A8430C !important; }
.bg-documenso-800     { background-color: #7B3008 !important; }
.bg-documenso-900     { background-color: #4F1F05 !important; }
.bg-documenso-950     { background-color: #2D1102 !important; }

.border-documenso     { border-color: #EF6B24 !important; }
.border-documenso-50  { border-color: #FEF5F0 !important; }
.border-documenso-100 { border-color: #FCE8DA !important; }
.border-documenso-200 { border-color: #F9CCAC !important; }
.border-documenso-300 { border-color: #F5AB7C !important; }
.border-documenso-400 { border-color: #F18A4F !important; }
.border-documenso-500 { border-color: #EF6B24 !important; }
.border-documenso-600 { border-color: #D55812 !important; }
.border-documenso-700 { border-color: #A8430C !important; }
.border-documenso-800 { border-color: #7B3008 !important; }
.border-documenso-900 { border-color: #4F1F05 !important; }
.border-documenso-950 { border-color: #2D1102 !important; }

.ring-documenso       { --tw-ring-color: #EF6B24 !important; }
.ring-documenso-500   { --tw-ring-color: #EF6B24 !important; }
.ring-documenso-600   { --tw-ring-color: #D55812 !important; }

.fill-documenso       { fill: #EF6B24 !important; }
.fill-documenso-500   { fill: #EF6B24 !important; }
.stroke-documenso     { stroke: #EF6B24 !important; }
.stroke-documenso-500 { stroke: #EF6B24 !important; }

.from-documenso       { --tw-gradient-from: #EF6B24 !important; }
.to-documenso         { --tw-gradient-to: #EF6B24 !important; }
.via-documenso        { --tw-gradient-stops: var(--tw-gradient-from), #EF6B24, var(--tw-gradient-to) !important; }

/* Hover variants — Tailwind escapes : as \: in selector form. */
.hover\:bg-documenso:hover       { background-color: #EF6B24 !important; }
.hover\:bg-documenso-600:hover   { background-color: #D55812 !important; }
.hover\:bg-documenso-700:hover   { background-color: #A8430C !important; }
.hover\:text-documenso:hover     { color: #EF6B24 !important; }
.hover\:text-documenso-600:hover { color: #D55812 !important; }
.hover\:border-documenso:hover   { border-color: #EF6B24 !important; }