/* Just Journal foundations. See docs/DESIGN_SYSTEM.md. No account data or fonts. */
:root {
  --font-ui: ui-sans-serif, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display:
    Georgia, JournalHeadingSerif, 'Noto Serif CJK KR', 'Noto Serif KR', AppleMyungjo, Batang, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-xs: 4px;
  --radius-control: 6px;
  --radius-card: 8px;
  --radius-panel: 12px;
  --radius-dialog: 14px;
  --checkbox-size: 18px;
  --select-arrow-size: 7px;
  --select-arrow-inset: 16px;
  --select-end-space: 44px;
  --control-height: 44px;
  --control-height-compact: 36px;
  --focus-width: 2px;
  --focus-offset: 3px;
  --motion-fast: 150ms;
  --shadow-popover: 0 6px 24px #0002;
  --shadow-notice: 0 2px 8px #0001;
  --overlay: rgba(0, 0, 0, 0.3);
}
:root {
  color-scheme: light;
  --paper: #f7f5ef;
  --ink: #343a36;
  --muted: #686e64;
  --rule: #e5e3da;
  --accent: #667c69;
  --paper-alt: #eae8e0;
  --pressed: #e1ded5;
  --placeholder: #a2a49b;
  --warning: #95632e;
  --billing-warning: #875725;
  --notice-border: #d9ceac;
  --task-hover: rgba(102, 124, 105, 0.13);
  --dots: #888b834d;
  --today-bg: #e1e9dc;
  --today-ink: #405c44;
  --code-bg: #fdfdfc;
  --habit-empty: #a6aaa0;
  --habit-today: #667c6910;
  --empty: #9b9d96;
  --input-border: #c9c7bf;
  --divider: #c6ccc1;
  --tooltip-border: #d8d6ce;
  --selected: #e2e8dc;
  --detail: #686c61;
  --settings-background: #faf8f3;
  --settings-border: #ded8cf;
  --settings-ink: #37352f;
  --preview-bg: #eae8e033;
  --danger: #913e35;
  --danger-border: #c78e85;
  --danger-bg: #f2e5df;
  --syntax-mauve: #8839ef;
  --syntax-red: #d20f39;
  --syntax-yellow: #df8e1d;
  --syntax-peach: #fe640b;
  --syntax-sky: #04a5e5;
  --syntax-subtext: #5c5f77;
  --syntax-teal: #179299;
  --syntax-pink: #ea76cb;
  --syntax-green: #40a02b;
  --syntax-muted: #6c6f85;
  --syntax-flamingo: #dd7878;
  --syntax-blue: #1e66f5;
  --syntax-text: #4c4f69;
  --syntax-comment: #7c7f93;
  --syntax-sapphire: #209fb5;
  --highlight: rgba(250, 218, 79, 0.48);
  --syntax-addition: rgba(64, 160, 43, 0.15);
  --syntax-deletion: rgba(210, 15, 57, 0.15);
  --action: #506553;
  --action-hover: #405c44;
  --on-action: #fff;
  --field-bg: #fdfdfc;
  --surface-tint: #f0f2ea;
  --error: #a33;
  --selection: #dce2d8;
  --wordmark-filter: none;
}
:root[data-theme='dark'] {
  color-scheme: dark;
  --paper: #202530;
  --ink: #dce0e8;
  --muted: #a2aabd;
  --rule: #363e4d;
  --accent: #a3b8b1;
  --paper-alt: #2e3645;
  --pressed: #394356;
  --placeholder: #929caf;
  --warning: #dfb681;
  --billing-warning: #dfb681;
  --notice-border: #75664c;
  --task-hover: rgba(163, 184, 177, 0.16);
  --dots: #a5b4cf30;
  --today-bg: #34483f;
  --today-ink: #bfd5c3;
  --code-bg: #252c39;
  --habit-empty: #8792a6;
  --habit-today: #a3b8b112;
  --empty: #929caf;
  --input-border: #556075;
  --divider: #536075;
  --tooltip-border: #465269;
  --selected: #3c4b53;
  --detail: #aeb8ca;
  --settings-background: #262d3a;
  --settings-border: #414b5e;
  --settings-ink: #dce0e8;
  --preview-bg: #a2aabd0a;
  --danger: #eda79f;
  --danger-border: #986c70;
  --danger-bg: #49343d;
  --syntax-mauve: #c6b2ed;
  --syntax-red: #eda3b0;
  --syntax-yellow: #e2c799;
  --syntax-peach: #e9b69c;
  --syntax-sky: #92c9dc;
  --syntax-subtext: #b2bbce;
  --syntax-teal: #94ccc5;
  --syntax-pink: #dfb3d3;
  --syntax-green: #b3cba2;
  --syntax-muted: #adb7cb;
  --syntax-flamingo: #e1b5b3;
  --syntax-blue: #a7bfea;
  --syntax-text: #dce0e8;
  --syntax-comment: #99a5bb;
  --syntax-sapphire: #96c4d4;
  --highlight: rgba(212, 178, 81, 0.28);
  --syntax-addition: rgba(179, 203, 162, 0.15);
  --syntax-deletion: rgba(237, 163, 176, 0.15);
  --action: #a3b8b1;
  --action-hover: #bfd5c3;
  --on-action: #202530;
  --field-bg: #252c39;
  --surface-tint: #34483f;
  --error: #eda79f;
  --selection: #465777;
  --wordmark-filter: brightness(0) invert(0.88);
}
@media (prefers-color-scheme: dark) {
  :root[data-theme='system'] {
    color-scheme: dark;
    --paper: #202530;
    --ink: #dce0e8;
    --muted: #a2aabd;
    --rule: #363e4d;
    --accent: #a3b8b1;
    --paper-alt: #2e3645;
    --pressed: #394356;
    --placeholder: #929caf;
    --warning: #dfb681;
    --billing-warning: #dfb681;
    --notice-border: #75664c;
    --task-hover: rgba(163, 184, 177, 0.16);
    --dots: #a5b4cf30;
    --today-bg: #34483f;
    --today-ink: #bfd5c3;
    --code-bg: #252c39;
    --habit-empty: #8792a6;
    --habit-today: #a3b8b112;
    --empty: #929caf;
    --input-border: #556075;
    --divider: #536075;
    --tooltip-border: #465269;
    --selected: #3c4b53;
    --detail: #aeb8ca;
    --settings-background: #262d3a;
    --settings-border: #414b5e;
    --settings-ink: #dce0e8;
    --preview-bg: #a2aabd0a;
    --danger: #eda79f;
    --danger-border: #986c70;
    --danger-bg: #49343d;
    --syntax-mauve: #c6b2ed;
    --syntax-red: #eda3b0;
    --syntax-yellow: #e2c799;
    --syntax-peach: #e9b69c;
    --syntax-sky: #92c9dc;
    --syntax-subtext: #b2bbce;
    --syntax-teal: #94ccc5;
    --syntax-pink: #dfb3d3;
    --syntax-green: #b3cba2;
    --syntax-muted: #adb7cb;
    --syntax-flamingo: #e1b5b3;
    --syntax-blue: #a7bfea;
    --syntax-text: #dce0e8;
    --syntax-comment: #99a5bb;
    --syntax-sapphire: #96c4d4;
    --highlight: rgba(212, 178, 81, 0.28);
    --syntax-addition: rgba(179, 203, 162, 0.15);
    --syntax-deletion: rgba(237, 163, 176, 0.15);
    --action: #a3b8b1;
    --action-hover: #bfd5c3;
    --on-action: #202530;
    --field-bg: #252c39;
    --surface-tint: #34483f;
    --error: #eda79f;
    --selection: #465777;
    --wordmark-filter: brightness(0) invert(0.88);
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-fast: 0ms;
  }
}