/* aiapply.club brand gradient: German-yellow → rose → red.
   Adds the from-yellow-400 / via-rose-400 / to-red-500 utility variants the
   prebuilt marketing.css doesn't ship, using the same --tw-gradient-* slots
   as Tailwind v4. Edit the three --aiac-* base colours below to re-skin the
   whole site (and the existing /15 + /20 opacity strips inherit
   automatically via color-mix).
*/
:root {
  --aiac-yellow: #FFCE00; /* German flag gold */
  --aiac-rose:   #FB7185; /* rose middle stop */
  --aiac-red:    #DD0000; /* German flag red */
}

.from-yellow-400 {
  --tw-gradient-from: var(--aiac-yellow);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-yellow-400\/15 {
  --tw-gradient-from: color-mix(in oklab, var(--aiac-yellow) 15%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.from-yellow-400\/20 {
  --tw-gradient-from: color-mix(in oklab, var(--aiac-yellow) 20%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}

.via-rose-400 {
  --tw-gradient-via: var(--aiac-rose);
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-rose-400\/15 {
  --tw-gradient-via: color-mix(in oklab, var(--aiac-rose) 15%, transparent);
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}
.via-rose-400\/20 {
  --tw-gradient-via: color-mix(in oklab, var(--aiac-rose) 20%, transparent);
  --tw-gradient-via-stops:
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-via) var(--tw-gradient-via-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position);
  --tw-gradient-stops: var(--tw-gradient-via-stops);
}

.to-red-500 {
  --tw-gradient-to: var(--aiac-red);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-500\/15 {
  --tw-gradient-to: color-mix(in oklab, var(--aiac-red) 15%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}
.to-red-500\/20 {
  --tw-gradient-to: color-mix(in oklab, var(--aiac-red) 20%, transparent);
  --tw-gradient-stops: var(--tw-gradient-via-stops,
    var(--tw-gradient-position),
    var(--tw-gradient-from) var(--tw-gradient-from-position),
    var(--tw-gradient-to) var(--tw-gradient-to-position));
}