:root {
  --color-text: #1f2933;
  --color-text-muted: #616e7c;
  --color-text-placeholder: #616e7c;
  --color-text-inverse: #f5f7fa;
  --color-text-inverse-muted: #cbd2d9;
  --color-text-inverse-subtle: #9aa5b1;
  --color-text-on-brand: #f5f7fa;
  --color-text-brand: #a30664;
  --color-text-brand-muted: #ffb8d2;
  --color-text-link: #a30664;

  --color-surface-page: #f5f7fa;
  --color-surface-raised: #f5f7fa;
  --color-surface-subtle: #e4e7eb;
  --color-surface-sunken: #cbd2d9;
  --color-surface-inverse: #1f2933;
  --color-surface-brand: #a30664;
  --color-surface-brand-subtle: #ffe3ec;
  --color-surface-control: #f5f7fa;
  --color-surface-on-brand: #f5f7fa;
  --color-surface-on-brand-hover: #ffe3ec;

  --color-action-primary: #bc0a6f;
  --color-action-primary-hover: #a30664;
  --color-focus-ring: #bc0a6f;

  --color-border: #cbd2d9;
  --color-border-subtle: #e4e7eb;
  --color-border-control: #7b8794;
  --color-border-inverse: #52606d;

  --color-notice-text: #05606e;
  --color-notice-border: #07818f;
  --color-notice-surface: #e1fcf8;
  --color-warning-text: #8d2b0b;
  --color-warning-border: #de911d;
  --color-warning-surface: #fffbea;
  --color-danger-text: #8a041a;
  --color-danger-border: #e12d39;
  --color-danger-surface: #ffe3e3;
  --color-muted-badge-text: #3e4c59;
  --color-muted-badge-surface: #e4e7eb;

  --color-auth-surface: #44056e;
  --color-auth-decoration: #a368fc;
  --color-auth-decoration-strong: #da127d;
  --color-auth-decoration-soft: #dac4ff;
  --color-auth-decoration-pale: #ffb8d2;

  --color-header-surface: #f5f7fa;
  --color-sticky-surface: #f5f7fa;
  --color-shadow-soft: #e4e7eb;
  --color-shadow: #cbd2d9;
}

body {
  margin: 0;
  background: var(--color-surface-page);
  color: var(--color-text);
  font-family: "Proxima Nova", "Helvetica Neue", Arial, sans-serif;
}

.application-flash {
  margin: 1rem;
  padding: 0.9rem 1rem;
  border: 1px solid;
}

.application-flash-alert {
  border-color: var(--color-danger-border);
  background: var(--color-danger-surface);
  color: var(--color-danger-text);
}

.application-flash-notice {
  border-color: var(--color-notice-border);
  background: var(--color-notice-surface);
  color: var(--color-notice-text);
}