/* 颜色、字体、纸、胶带都在这里改。页面里不散写颜色。 */
:root {
  /* 纸和墨 */
  --c-grid-bg: #EEF4FB;                   /* 格子纸底 */
  --c-grid-line: rgba(138, 172, 210, .22); /* 格子线 */
  --c-margin-line: rgba(233, 167, 181, .55); /* 左边那条粉色页边线 */
  --c-paper: #FFFDF8;                     /* 白纸：纸条、拍立得、底栏 */
  --c-paper-blue: #DDEBF7;                /* 奶蓝纸：选中的底栏、他说的话 */
  --c-paper-pink: #F8E6E9;                /* 浅粉纸：日期章、电影票 */
  --c-ink: #3D5272;                       /* 正文 */
  --c-ink-2: #5E7190;                     /* 次要文字：时间、提示 */
  --c-accent: #5C84B1;                    /* 主题色：英文花体、图标线 */
  --c-blue: #8FB9E2;                      /* 浅一点的蓝：圆点、头像描边 */
  --c-pink: #E9A7B5;                      /* 粉色点缀 */
  --c-pink-ink: #B86A7C;                  /* 粉色上的字 */
  --c-line-blue: rgba(143, 185, 226, .45); /* 横线本的线 */
  --c-shadow: 70, 100, 140;               /* 阴影颜色（红绿蓝三个数） */

  /* 胶带：两种颜色交替成条纹 */
  --tape-blue-a: rgba(166, 200, 234, .78);
  --tape-blue-b: rgba(186, 214, 240, .78);
  --tape-pink-a: rgba(242, 190, 202, .82);
  --tape-pink-b: rgba(248, 212, 220, .82);

  /* 字体：英文花体 / 中文宋体 / 数字和时间用打字机体 */
  --f-script: "Parisienne", cursive;
  --f-body: "Noto Serif SC", "Songti SC", serif;
  --f-mono: "Courier Prime", "Courier New", monospace;

  /* 首页：信封和邮票 */
  --env-back: #C9DCF0;                    /* 信封里面（打开的那片） */
  --env-front: #DDEBF7;                   /* 信封正面 */
  --env-edge: #B9CFE6;                    /* 信封口的折线 */
  --seal: #E9A7B5;                        /* 火漆 */
  --seal-ring: #F6CBD4;
  --clip: #8C9DB5;                        /* 回形针 */
  --stamp-1-bg: #DDEBF7; --stamp-1-ink: #3D5272;   /* 小屋 */
  --stamp-2-bg: #F8E6E9; --stamp-2-ink: #B86A7C;   /* 心潮 */
  --stamp-3-bg: #FFF3D9; --stamp-3-ink: #7A5B1E;   /* 日记 */
  --stamp-4-bg: #E6F0E8; --stamp-4-ink: #35553F;   /* 记忆档案 */

  /* 小屋：夜里和灯光（三个数字是红绿蓝） */
  --room-night-lit: rgba(70, 86, 140, .62);   /* 夜里开着灯：整间压暗多少 */
  --room-night-dark: rgba(46, 58, 108, .82);  /* 夜里关灯 */
  --room-lamp: 255, 214, 150;                 /* 灯光颜色 */
  --room-moon: 170, 200, 255;                 /* 关灯后窗外的月光 */
  --room-star: #FFF4D6;                       /* 窗外的月亮和星星 */
  --room-cord: #5C6F8E;                       /* 拉绳 */
  --room-cord-dark: #E7EEFA;                  /* 关灯时拉绳变浅，看得见 */
  --room-knob-on: #FFE3A8;                    /* 开灯时拉绳末端的小球 */
  --door: #DDEBF7;                            /* 开门动效：门 */
  --door-line: #B9CFE6;                       /* 门上的框线 */
  --door-knob: #E8D3B8;                       /* 门把手 */
  --door-frame: #FFFDF8;                      /* 门框 */
  --door-floor: #CBD9EA;                      /* 门前的地板 */

  /* 日记：横线本 */
  --diary-line: rgba(143, 185, 226, .5);   /* 横线 */
  --diary-line-h: 30px;                    /* 行高 = 横线间距 */
  --diary-today-bg: #F8E6E9;               /* 选中那天的日期章 */
  --diary-today-ink: #8A4F5E;
  --diary-dot: #8FB9E2;                    /* 有日记的那天下面的小圆点 */

  /* 记忆档案：分类颜色（底 / 字），按分类的 color 1～5 取 */
  --mem-1-bg: #F8E6E9; --mem-1-ink: #8A4F5E;
  --mem-2-bg: #FFF3D9; --mem-2-ink: #7A5B1E;
  --mem-3-bg: #DDEBF7; --mem-3-ink: #2F4A6E;
  --mem-4-bg: #E6F0E8; --mem-4-ink: #35553F;
  --mem-5-bg: #EDE6F5; --mem-5-ink: #5A4A78;
  --mem-fab: #E9A7B5;                       /* 右下角「记一条」 */

  /* 心潮：海上的小纸片、太阳（心情）颜色 */
  --tide-chip: rgba(255, 253, 248, .78);    /* 船名、心情卡这种半透明小纸 */
  --tide-note: rgba(255, 253, 248, .88);    /* 梦、觉察的小纸片 */
  --gull: #4E5F7A;                          /* 海鸥 */
  --sun: #FFF3D9; --sun-ink: #7A5B1E;       /* 心情好：暖黄太阳 */
  --sun-halo-1: rgba(255, 243, 217, .55); --sun-halo-2: rgba(255, 243, 217, .25);
  --sun-low: #DCE6F2; --sun-low-ink: #3D5272; /* 心情低：灰蓝的月亮色 */

  /* 赠送 · 一起看电影 / 一起听歌 */
  --movie-bg: #2E3A52;                      /* 小屏幕没片子时的底色 */
  --sync-on: #7FC29B;                       /* 「同步中」的小绿点 */
  --vinyl-a: #A9C8E8; --vinyl-b: #BCD5EE;   /* 唱片纹路的两种蓝 */

  /* 聊天：气泡颜色（他 / 她），设置里以后能改 */
  --bub-him: #FFFDF8;
  --bub-her: #DDEBF7;
  --bub-him-radius: 4px 16px 16px 16px;
  --bub-her-radius: 16px 4px 16px 16px;
  --wave-him: #8FB9E2;                    /* 他的语音条波形 */
  --wave-her: #5C84B1;                    /* 她的语音条波形 */
  --c-ok: #35553F;                        /* 命令行「完成」 */
  --c-fail: #B86A7C;                      /* 命令行「出错」 */
  --c-term-bar: #DDEBF7;                  /* 命令行标题条 */
  --dot-1: #E9A7B5; --dot-2: #F3D59A; --dot-3: #A9D3B4; /* 命令行左上三个圆点 */
  /* 上下文：每一部分的颜色，按顺序用 */
  --ctx-1: #E9A7B5; --ctx-2: #5C84B1; --ctx-3: #F3D59A; --ctx-4: #A9C8E8; --ctx-5: #A9D3B4;
  --c-scrim: rgba(61, 82, 114, .32);      /* 弹层后面的暗幕 */
  --c-hangup: #E9A7B5;                    /* 挂断按钮 */

  /* 尺寸 */
  --grid-size: 18px;
  --page-x: 20px;
  --tabbar-h: 78px;
  --r-tab: 14px;
  --r-card: 14px;
}

/* 主题色（设置里切换，写在 <html data-theme="…">）。奶蓝是默认，就是上面那一套 */
:root[data-theme="pink"] {
  --c-grid-bg: #FBF1F3; --c-grid-line: rgba(214, 150, 168, .2);
  --c-paper-blue: #F6DFE5; --c-accent: #B0647A; --c-blue: #E6A3B4;
  --tape-blue-a: rgba(240, 186, 200, .8); --tape-blue-b: rgba(247, 210, 219, .8);
  --bub-her: #F6DFE5; --env-back: #EFCBD5; --env-front: #F6DFE5; --env-edge: #E4B5C2;
}
:root[data-theme="mint"] {
  --c-grid-bg: #EFF6F2; --c-grid-line: rgba(120, 175, 145, .22);
  --c-paper-blue: #DCEFE3; --c-accent: #4E8A6C; --c-blue: #9ACDB0;
  --tape-blue-a: rgba(160, 210, 182, .8); --tape-blue-b: rgba(190, 226, 205, .8);
  --bub-her: #DCEFE3; --env-back: #C8E4D3; --env-front: #DCEFE3; --env-edge: #B3D8C2;
}
:root[data-theme="lilac"] {
  --c-grid-bg: #F4F1FA; --c-grid-line: rgba(160, 145, 205, .22);
  --c-paper-blue: #E6DFF5; --c-accent: #7A6AA8; --c-blue: #B6A8DA;
  --tape-blue-a: rgba(190, 176, 228, .8); --tape-blue-b: rgba(214, 204, 240, .8);
  --bub-her: #E6DFF5; --env-back: #D6CCEE; --env-front: #E6DFF5; --env-edge: #C7BAE6;
}