/* 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: #052e16;
  inherits: false;
}

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

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

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

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

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

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

@property --border-color-2 {
  syntax: '<color>';
  initial-value: hsla(152, 56%, 45%, 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;
}