/* Tiful v4.0 Design Tokens - Logo Idea 4 Connected */

:root {
  /* Color Palette */
  --bg-porcelain: #FAFAFA;
  --bg-white: #FFFFFF;
  --text-ink: #1A1A1A;
  --text-stone: #6B6B6B;
  --text-mist: #9B9B9B;
  --border-mist: #E8E8E8;
  --border-soft: #F0F0F0;

  /* Logo-connected accents */
  --accent-blush: #E8A5B5;      /* Logo pink */
  --accent-blush-soft: #F4D2DA;
  --accent-sheer: #7FB8D4;      /* Logo blue */
  --accent-sheer-soft: #C5DFEC;

  /* Ring colors (HomeCare Shelf) */
  --ring-morning: #9BC8E0;      /* Morning Blue */
  --ring-morning-bg: #E8F2F8;
  --ring-dusk: #B5A8C9;         /* Dusk Violet */
  --ring-dusk-bg: #EEEAF3;
  --ring-clinic: #E8A5B5;       /* Clinic Pink */
  --ring-clinic-bg: #FAEEF1;

  /* Gradient (Logo continuity) */
  --gradient-logo: linear-gradient(135deg, #E8A5B5 0%, #C5B0D1 50%, #7FB8D4 100%);
  --gradient-soft: linear-gradient(180deg, #FFFFFF 0%, #FAFAFA 100%);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 28px;
  --space-3xl: 36px;

  /* Typography */
  --font-sans: 'Inter', 'Noto Sans JP', -apple-system, sans-serif;
  --font-serif: 'GT Super Display', 'Noto Serif JP', serif;

  --fs-cap: 12px;
  --fs-body: 15px;
  --fs-heading-m: 20px;
  --fs-heading-l: 28px;

  --lh-tight: 1.3;
  --lh-normal: 1.5;
  --lh-relaxed: 1.7;

  /* Radius */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;

  /* Shadow */
  --shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.04);
  --shadow-card: 0 4px 16px rgba(0, 0, 0, 0.06);
  --shadow-fab: 0 8px 24px rgba(232, 165, 181, 0.25);

  /* Mobile Viewport */
  --viewport-max: 390px;
  --tab-height: 64px;
  --header-height: 88px;
}