/**
 * Animated @property Declarations
 * Generated by @pulwave/tokens v0.1.0
 * Properties: 45 of 70
 */

@layer tokens.foundation {

@property --color-border-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.85 0 0);
}


@property --color-border-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0 0);
}


@property --color-border-strong {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0 0);
}


@property --color-border-focus {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0.09 161);
}


@property --color-border-interactive-hover {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.85 0 0);
}


@property --color-border-interactive-active {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0 0);
}


@property --color-brand-primary-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.13 161);
}


@property --color-brand-primary-hover {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0.12 161);
}


@property --color-brand-primary-active {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.35 0.09 161);
}


@property --color-brand-secondary-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.18 75);
}


@property --color-brand-secondary-hover {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0.16 75);
}


@property --color-brand-secondary-active {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.35 0.14 75);
}


@property --color-brand-tertiary-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.2 10);
}


@property --color-brand-tertiary-hover {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0.18 10);
}


@property --color-brand-tertiary-active {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.35 0.16 10);
}


@property --color-feedback-success-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0.16 120);
}


@property --color-feedback-warning-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0.14 75);
}


@property --color-feedback-error-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0.16 10);
}


@property --color-feedback-info-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.85 0.07 220);
}


@property --color-interactive-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.13 161);
}


@property --color-interactive-secondary-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.18 75);
}


@property --color-interactive-tertiary-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.55 0.2 10);
}


@property --color-interactive-destructive-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.75 0.16 10);
}


@property --color-surface-base {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.985 0 0);
}


@property --color-surface-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0 0);
}


@property --color-surface-raised {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(1 0 0);
}


@property --color-surface-elevated {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(1 0 0);
}


@property --color-surface-overlay {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(1 0 0);
}


@property --color-surface-floating {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(1 0 0);
}


@property --color-surface-brand-primary {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.93 0.02 161);
}


@property --color-surface-brand-secondary {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0.02 75);
}


@property --color-surface-brand-tertiary {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0.02 10);
}


@property --color-surface-brand-primary-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0.01 161);
}


@property --color-surface-brand-secondary-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0.02 75);
}


@property --color-surface-brand-tertiary-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0.02 10);
}


@property --color-text-default {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.12 0 0);
}


@property --color-text-muted {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0 0);
}


@property --color-text-subtle {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.45 0 0);
}


@property --color-text-inverse {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.97 0 0);
}


@property --color-text-link {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.35 0.09 161);
}


@property --color-text-brand {
  syntax: '<color>';
  inherits: true;
  initial-value: oklch(0.35 0.09 161);
}


@property --shadow-s {
  syntax: '*';
  inherits: true;
  initial-value: 0px 1px 3px 0px oklch(0 0 0 / 0.1), 0px 1px 2px -1px oklch(0 0 0 / 0.1);
}


@property --shadow-m {
  syntax: '*';
  inherits: true;
  initial-value: 0px 10px 15px -3px oklch(0 0 0 / 0.1), 0px 4px 6px -4px oklch(0 0 0 / 0.1);
}


@property --shadow-l {
  syntax: '*';
  inherits: true;
  initial-value: 0px 20px 25px -5px oklch(0 0 0 / 0.1), 0px 8px 10px -6px oklch(0 0 0 / 0.1);
}


@property --shadow-xl {
  syntax: '*';
  inherits: true;
  initial-value: 0px 25px 50px -12px oklch(0 0 0 / 0.25);
}
}