/* Gradient button @property declarations — must be in a separate file
   because PostCSS/Tailwind strips @property from index.css */

@property --pos-x {
  syntax: '<percentage>';
  initial-value: 11.14%;
  inherits: false;
}

@property --pos-y {
  syntax: '<percentage>';
  initial-value: 140%;
  inherits: false;
}

@property --spread-x {
  syntax: '<percentage>';
  initial-value: 150%;
  inherits: false;
}

@property --spread-y {
  syntax: '<percentage>';
  initial-value: 180.06%;
  inherits: false;
}

@property --color-1 {
  syntax: '<color>';
  initial-value: #1e1046;
  inherits: false;
}

@property --color-2 {
  syntax: '<color>';
  initial-value: #4c1d95;
  inherits: false;
}

@property --color-3 {
  syntax: '<color>';
  initial-value: #7c3aed;
  inherits: false;
}

@property --color-4 {
  syntax: '<color>';
  initial-value: #9333ea;
  inherits: false;
}

@property --color-5 {
  syntax: '<color>';
  initial-value: #6d28d9;
  inherits: false;
}

@property --border-angle {
  syntax: '<angle>';
  initial-value: 20deg;
  inherits: true;
}

@property --border-color-1 {
  syntax: '<color>';
  initial-value: hsla(262, 83%, 70%, 0.3);
  inherits: true;
}

@property --border-color-2 {
  syntax: '<color>';
  initial-value: hsla(262, 83%, 55%, 0.8);
  inherits: true;
}

@property --stop-1 {
  syntax: '<percentage>';
  initial-value: 37.35%;
  inherits: false;
}

@property --stop-2 {
  syntax: '<percentage>';
  initial-value: 61.36%;
  inherits: false;
}

@property --stop-3 {
  syntax: '<percentage>';
  initial-value: 78.42%;
  inherits: false;
}

@property --stop-4 {
  syntax: '<percentage>';
  initial-value: 89.52%;
  inherits: false;
}

@property --stop-5 {
  syntax: '<percentage>';
  initial-value: 100%;
  inherits: false;
}