:root {
    --bs-primary: #3da6a4;
    --bs-primary-hover: #1a8d8b;
    --bs-primary-active: #00817f;
    --bs-primary-disabled: #9ac2c0;
    --bs-primary-contrast: #000000;
    --bs-primary-rgb: 61, 166, 164;
    --primary-light: #68cdc9;
    --primary-dark: #0d8785;
    --primary-bg: #e4f1f1;
    --bs-secondary: #6f93cd;
    --bs-accent: #c87f7f;
    --bs-light: #fbfcff;
    --bs-dark: #1d2433;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 29, 36, 51;
    --bs-light-rgb: 251, 252, 255;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #397c48;
    --bs-warning: #c15400;
    --bs-danger: #bc526a;
    --bs-info: #009d9d;
    --bs-success-rgb: 57, 124, 72;
    --bs-warning-rgb: 193, 84, 0;
    --bs-danger-rgb: 188, 82, 106;
    --bs-info-rgb: 0, 157, 157;
    --bs-body-bg: #ddf1f1;
    --bs-body-color: #172033;
    --bs-secondary-color: #586177;
    --bs-border-color: #e4e8f0;
    --bs-form-border-color: #586177;
    --secondary-light: #94b8f5;
    --secondary-dark: #5374ad;
    --secondary-bg: #f1f8f8;
    --accent-light: #e99e9d;
    --accent-dark: #a76161;
    --accent-bg: #f1ecec;
    --gray-50: #fbfcff;
    --gray-100: #e4e5ea;
    --gray-200: #cdcfd6;
    --gray-300: #b7bac2;
    --gray-400: #a1a4ae;
    --gray-500: #8c909b;
    --gray-600: #777b88;
    --gray-700: #636876;
    --gray-800: #4f5564;
    --gray-900: #3c4253;
    --gray-950: #2a3142;
    --bs-border-radius: 1.5rem;
    --bs-border-radius-sm: 1rem;
    --bs-border-radius-lg: 2rem;
    --bs-shadow: 0 22px 60px rgba(var(--bs-dark-rgb), .13);
    --bs-shadow-float: 0 28px 80px rgba(var(--bs-dark-rgb), .20);
    --bs-body-font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
    --bs-headings-font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
    --bs-monospace-font-family: "Fira Code", monospace;
    --tv2-bg: var(--bs-body-bg);
    --tv2-surface: rgba(var(--bs-white-rgb), .78);
    --tv2-surface-solid: var(--bs-white);
    --tv2-ink: var(--bs-body-color);
    --tv2-muted: var(--bs-secondary-color);
    --tv2-line: var(--bs-border-color);
    --tv2-brand: var(--bs-primary);
    --tv2-brand-hover: var(--bs-primary-hover);
    --tv2-accent: var(--bs-accent);
    --tv2-accent-soft: var(--accent-bg);
    --tv2-violet: var(--bs-secondary);
    --tv2-radius: var(--bs-border-radius);
    --tv2-shadow: var(--bs-shadow);
    --tv2-shadow-float: var(--bs-shadow-float);
    --tv2-font-body: var(--bs-body-font-family);
    --tv2-font-display: var(--bs-headings-font-family);
}