:root {
    --bs-primary: #8050a8;
    --bs-primary-hover: #69388e;
    --bs-primary-active: #5e2c82;
    --bs-primary-disabled: #9883ac;
    --bs-primary-contrast: #ffffff;
    --bs-primary-rgb: 128, 80, 168;
    --primary-light: #a573cf;
    --primary-dark: #633288;
    --primary-bg: #e0d7e1;
    --bs-secondary: #a1485f;
    --bs-accent: #c6893a;
    --bs-light: #fafafa;
    --bs-dark: #111827;
    --bs-white: #ffffff;
    --bs-black: #000000;
    --bs-dark-rgb: 17, 24, 39;
    --bs-light-rgb: 250, 250, 250;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-success: #8c9008;
    --bs-warning: #e57a54;
    --bs-danger: #9a474b;
    --bs-info: #009aa6;
    --bs-success-rgb: 140, 144, 8;
    --bs-warning-rgb: 229, 122, 84;
    --bs-danger-rgb: 154, 71, 75;
    --bs-info-rgb: 0, 154, 166;
    --bs-body-bg: #ede9ec;
    --bs-body-color: #111827;
    --bs-secondary-color: #4b5563;
    --bs-border-color: #e5e7eb;
    --bs-form-border-color: #4b5563;
    --secondary-light: #c96c82;
    --secondary-dark: #802b44;
    --secondary-bg: #dbcfd3;
    --accent-light: #e7a85b;
    --accent-dark: #a66a11;
    --accent-bg: #f2f0e2;
    --gray-50: #fafafa;
    --gray-100: #e2e2e4;
    --gray-200: #cacbce;
    --gray-300: #b2b4b9;
    --gray-400: #9b9da4;
    --gray-500: #85878f;
    --gray-600: #6f727c;
    --gray-700: #5a5e68;
    --gray-800: #464a55;
    --gray-900: #333743;
    --gray-950: #202532;
    --bs-border-radius: 1rem;
    --bs-border-radius-sm: .65rem;
    --bs-border-radius-lg: 1.35rem;
    --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: "IBM Plex Mono", monospace;
    --ap-bg: var(--bs-body-bg);
    --ap-surface: rgba(var(--bs-white-rgb), .78);
    --ap-surface-solid: var(--bs-white);
    --ap-ink: var(--bs-body-color);
    --ap-muted: var(--bs-secondary-color);
    --ap-line: var(--bs-border-color);
    --ap-brand: var(--bs-primary);
    --ap-brand-hover: var(--bs-primary-hover);
    --ap-accent: var(--bs-accent);
    --ap-accent-soft: var(--accent-bg);
    --ap-violet: var(--bs-secondary);
    --ap-radius: var(--bs-border-radius);
    --ap-shadow: var(--bs-shadow);
    --ap-shadow-float: var(--bs-shadow-float);
    --ap-font-body: var(--bs-body-font-family);
    --ap-font-display: var(--bs-headings-font-family);
}