/* Pinkdatepage · Style C · 2026
 * DTCG / W3C Design Tokens community-group structure:
 * primitive → semantic → component. CSS aliases are the browser build;
 * design-tokens.json provides the corresponding $type / $value source.
 * Spacing: 1rem = 16px at the default browser font size. */
:root {
  color-scheme: light;
  /* Primitive · color */
  --peach-300: #E8A4AA;
  --orange-500: #C77379;
  --gold-400: #B48A52;
  --cream-50: #FFF9F9;
  --cream-100: #FBECEC;
  --rose-100: #F4D8DA;
  --ink-900: #352C29;
  --ink-600: #725F60;
  --orange-700: #91484E;
  --gold-800: #805C34;
  /* Semantic · color */
  --color-primary: var(--peach-300);
  --color-secondary: var(--orange-500);
  --color-accent: var(--gold-400);
  --color-bg: var(--cream-50);
  --color-surface: #FFFFFF;
  --color-surface-soft: var(--cream-100);
  --color-surface-rose: var(--rose-100);
  --color-text: var(--ink-900);
  --color-text-muted: var(--ink-600);
  --color-text-inverse: #FFFAF5;
  --color-action: var(--orange-700);
  --color-action-hover: #75383E;
  --color-border: #E7D0D1;
  --color-member-bg: #FFF5DF;
  --color-member-text: var(--gold-800);
  --color-success: #3F6956;
  --color-error: #A43136;
  --color-focus: #91484E;
  /* Typography · fontFamily / fontWeight / dimension */
  --font-display: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-size-xs: .75rem;
  --font-size-sm: .875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.125rem;
  --font-size-xl: 1.25rem;
  --font-size-2xl: 1.5rem;
  --font-size-3xl: 2rem;
  --font-size-display: clamp(2.75rem, 5vw, 4.75rem);
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --line-height-body: 1.65;
  --line-height-display: 1.02;
  /* Dimension · 8px grid */
  --space-1: .5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 2.5rem;
  --space-6: 3rem;
  --space-7: 3.5rem;
  --space-8: 4rem;
  --space-9: 4.5rem;
  --space-10: 5rem;
  --space-11: 5.5rem;
  --space-12: 6rem;
  --radius-sm: .5rem;
  --radius-md: 1rem;
  --radius-lg: 1.5rem;
  --radius-full: 999px;
  /* Shadow */
  --shadow-sm: 0 2px 10px rgb(145 72 78 / 6%);
  --shadow-md: 0 14px 36px rgb(145 72 78 / 10%);
  --shadow-lg: 0 26px 70px rgb(145 72 78 / 15%);
  /* Duration / cubicBezier */
  --transition-fast: 150ms;
  --transition-normal: 280ms;
  --ease-standard: cubic-bezier(.2, .65, .3, 1);
  /* Component */
  --container-max: 1280px;
  --button-height: 48px;
  --card-border: var(--color-border);
  --member-border: var(--color-accent);
  --color-disabled-bg: var(--cream-100);
  --color-disabled-text: var(--ink-600);
  --color-overlay: rgb(33 23 20 / 85%);
  --control-min-target: 44px;
  --focus-ring-width: 3px;
  --z-modal: 50;
}
@media (prefers-reduced-motion: reduce) {
  :root { --transition-fast: 0ms; --transition-normal: 0ms; }
}