/*
  チャッピーアプリ共通デザイン：テーマ5種
  このファイルは登録用の色見本です。
  各アプリへ自動適用せず、必要なアプリだけが取り込んで使います。
*/

/* 朝空ミルク：白を主役に、朝の淡い差し色 */
.theme-morning {
  --theme-ink: #554f66;
  --theme-muted: #81788f;
  --theme-paper: #fffefd;
  --theme-background: linear-gradient(150deg, #f7fdff 0%, #fffefd 38%, #fffaf0 70%, #fff8fc 100%);
  --theme-sky: #cfeef7;
  --theme-sky-deep: #78c5df;
  --theme-cream: #fff4cf;
  --theme-pink: #f8cedd;
  --theme-pink-deep: #df8caf;
  --theme-lavender: #e8def5;
  --theme-mint: #dff1e3;
  --theme-line: #e5dfea;
  --theme-accent-1: #79c7df;
  --theme-accent-2: #e59ab8;
  --theme-accent-3: #8fcba0;
  --theme-accent-4: #e5b457;
}

/* ふわ空ブルー：白と澄んだ青、淡いラベンダー */
.theme-fluffy {
  --theme-ink: #385778;
  --theme-muted: #6d8197;
  --theme-paper: #f9fdff;
  --theme-background: linear-gradient(150deg, #bceaff, #fafdff 45%, #cdeeff 74%, #91d5f2);
  --theme-sky: #a8e3fa;
  --theme-sky-deep: #45abd4;
  --theme-cream: #e9f8ff;
  --theme-pink: #c8eafb;
  --theme-pink-deep: #3d9fc9;
  --theme-lavender: #d5eaff;
  --theme-mint: #d9f3f4;
  --theme-line: #c9e3ef;
  --theme-accent-1: #ffffff;
  --theme-accent-2: #a99cdb;
  --theme-accent-3: #5eb8dd;
  --theme-accent-4: #d8f5ff;
}

/* いちごリボン：淡いピンクに苺レッドを差し色 */
.theme-ribbon {
  --theme-ink: #663541;
  --theme-muted: #925d69;
  --theme-paper: #fff8fa;
  --theme-background: linear-gradient(145deg, #ffd2dc, #fff0f2 46%, #ef8ca1);
  --theme-sky: #ffd0d8;
  --theme-sky-deep: #e6697d;
  --theme-cream: #fff0e8;
  --theme-pink: #f48da4;
  --theme-pink-deep: #c83e59;
  --theme-lavender: #f2c5d0;
  --theme-mint: #f7dfe3;
  --theme-line: #efc5ce;
  --theme-accent-1: #c83e59;
  --theme-accent-2: #f48da4;
  --theme-accent-3: #a9d9c2;
  --theme-accent-4: #fff3e8;
}

/* はちみつプリン：はちみつ、カラメル、クリーム */
.theme-honey {
  --theme-ink: #624d42;
  --theme-muted: #88746a;
  --theme-paper: #fffdfb;
  --theme-background: linear-gradient(145deg, #fff8d6, #fff2c6 52%, #f2d2a9);
  --theme-sky: #f5d99b;
  --theme-sky-deep: #d7ae5b;
  --theme-cream: #fff1b9;
  --theme-pink: #edbd91;
  --theme-pink-deep: #c88758;
  --theme-lavender: #f0ddbb;
  --theme-mint: #e9e7c3;
  --theme-line: #e8dac0;
  --theme-accent-1: #f2bd45;
  --theme-accent-2: #e79455;
  --theme-accent-3: #9e653e;
  --theme-accent-4: #fff0a8;
}

/* 月夜の黒ねこ：夜空、月明かり、ラベンダー、銀白色 */
.theme-night {
  --theme-ink: #514b70;
  --theme-muted: #77718f;
  --theme-paper: #fffdfb;
  --theme-background: linear-gradient(150deg, #29264d, #55517c 48%, #8b7297);
  --theme-sky: #9fb9de;
  --theme-sky-deep: #7088be;
  --theme-cream: #f3e9c5;
  --theme-pink: #c2a4d7;
  --theme-pink-deep: #8a6eb3;
  --theme-lavender: #cbc7e9;
  --theme-mint: #cbded9;
  --theme-line: #ddd9ea;
  --theme-accent-1: #c9c5ff;
  --theme-accent-2: #82a9dc;
  --theme-accent-3: #fff3bd;
  --theme-accent-4: #ececff;
}