:root {
--stowly-color-primary: #006a69;
--stowly-color-primary-hover: #00524f;
--stowly-color-primary-soft: #e6f2f1;
--stowly-color-primary-strong: #00413f;
--stowly-color-primary-deep: #00827c;
--stowly-color-primary-rgb: 0, 106, 105;
--stowly-color-accent: #006a69;
--stowly-gradient-primary: linear-gradient(
135deg,
var(--stowly-color-primary) 0%,
var(--stowly-color-primary-hover) 55%,
var(--stowly-color-primary-deep) 100%
);
--stowly-color-ink: #222222;
--stowly-color-ink-soft: #6a6a6a;
--stowly-color-ink-muted: #9a9a9a;
--stowly-color-line: #ebebeb;
--stowly-color-line-strong: #dddddd;
--stowly-color-surface: #ffffff;
--stowly-color-surface-soft: #f7f7f7;
--stowly-color-surface-muted: #f2f2f2;
--stowly-color-surface-2: #f6f3ec;
--stowly-color-bg: #ffffff;
--stowly-color-page: #f7f4ee;
--stowly-color-danger: #c13515;
--stowly-color-danger-soft: #fff5f3;
--stowly-color-success: #008a05;
--stowly-color-success-soft: #eef8ef;
--stowly-color-warning: #8a6200;
--stowly-color-warning-soft: #fff8e7;
--stowly-color-info: var(--stowly-color-primary);
--stowly-color-info-soft: var(--stowly-color-primary-soft);
--stowly-color-info-strong: var(--stowly-color-primary-hover);
--stowly-color-map-water: #c8dcf0;
--stowly-shadow-primary-sm: 0 4px 12px rgba(var(--stowly-color-primary-rgb), 0.25);
--stowly-shadow-primary-md: 0 6px 18px rgba(var(--stowly-color-primary-rgb), 0.28);
--stowly-shadow-primary-lg: 0 10px 24px rgba(var(--stowly-color-primary-rgb), 0.35);
}