/* Thème Forgejo « Papery » (git.papery.my) : les couleurs du panel Papery, thème clair. Repose sur le thème clair de
   Forgejo et ne change que les variables. Installé par forgejo-themes.sh dans data/gitea/public/assets/css/. */
@import "./theme-forgejo-light.css";
@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400;500&family=Hanken+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap");

gitea-theme-meta-info {
  --theme-display-name: "Papery";
  --theme-color-scheme: light;
}

:root {
  --is-dark-theme: false;
  /* Bleu d'architecte du panel, avec ses nuances (dark = plus foncé, light = plus clair, comme le thème clair). */
  --color-primary: #283f7d;
  --color-primary-contrast: #ffffff;
  --color-primary-dark-1: #22376e;
  --color-primary-dark-2: #1f3470;
  --color-primary-dark-3: #1a2c5e;
  --color-primary-dark-4: #16254f;
  --color-primary-dark-5: #121e41;
  --color-primary-dark-6: #0e1732;
  --color-primary-dark-7: #0a1024;
  --color-primary-light-1: #3b55a0;
  --color-primary-light-2: #5068ad;
  --color-primary-light-3: #6a80bb;
  --color-primary-light-4: #8a9cca;
  --color-primary-light-5: #aab7da;
  --color-primary-light-6: #ccd4ea;
  --color-primary-light-7: #e8ecf6;
  --color-primary-alpha-10: #283f7d19;
  --color-primary-alpha-20: #283f7d33;
  --color-primary-alpha-30: #283f7d4b;
  --color-primary-alpha-40: #283f7d66;
  --color-primary-alpha-50: #283f7d80;
  --color-primary-alpha-60: #283f7d99;
  --color-primary-alpha-70: #283f7db3;
  --color-primary-alpha-80: #283f7dcc;
  --color-primary-alpha-90: #283f7de1;
  --color-primary-hover: var(--color-primary-dark-1);
  --color-primary-active: var(--color-primary-dark-2);
  /* Traits et gris : encre graphite et kraft. --color-secondary sert aux bordures. */
  --color-secondary: #d9ceb8;
  --color-secondary-dark-1: #cdc1a8;
  --color-secondary-dark-2: #bfb398;
  --color-secondary-dark-3: #aa9e84;
  --color-secondary-dark-4: #948971;
  --color-secondary-dark-5: #7f7562;
  --color-secondary-dark-6: #6b6355;
  --color-secondary-dark-7: #5b5b5b;
  --color-secondary-dark-8: #4f4f4f;
  --color-secondary-dark-9: #454545;
  --color-secondary-dark-10: #3d3d3d;
  --color-secondary-dark-11: #373737;
  --color-secondary-dark-12: #2e2e2e;
  --color-secondary-dark-13: #262626;
  --color-secondary-light-1: #e3d9c3;
  --color-secondary-light-2: #ebe2cf;
  --color-secondary-light-3: #f2ebdd;
  --color-secondary-light-4: #f8f3ea;
  --color-secondary-alpha-10: #d9ceb819;
  --color-secondary-alpha-20: #d9ceb833;
  --color-secondary-alpha-30: #d9ceb84b;
  --color-secondary-alpha-40: #d9ceb866;
  --color-secondary-alpha-50: #d9ceb880;
  --color-secondary-alpha-60: #d9ceb899;
  --color-secondary-alpha-70: #d9ceb8b3;
  --color-secondary-alpha-80: #d9ceb8cc;
  --color-secondary-alpha-90: #d9ceb8e1;
  --color-orange: #e76051;
  --color-orange-light: #ec633d;
  --color-accent: var(--color-primary);
  --color-small-accent: var(--color-primary-light-6);
  /* Surfaces : papier kraft, fiches crème. */
  --color-body: #eadfc9;
  --color-box-header: #f4ecdc;
  --color-box-body: #fdf8f0;
  --color-box-body-highlight: #f6efe2;
  --color-card: #fdf8f0;
  --color-menu: #fef9f1;
  --color-nav-bg: #fdf8f0;
  --color-nav-hover-bg: #f2e9d7;
  --color-secondary-nav-bg: #f4ecdc;
  --color-header-wrapper: #f4ecdc;
  --color-header-wrapper-transparent: #f4ecdc00;
  --color-footer: #e3d9c3;
  --color-secondary-bg: #f4ecdc;
  --color-hover: #f2e9d7;
  --color-active: #ebe0c9;
  --color-button: #fdf8f0;
  --color-input-background: #fffdf8;
  --color-input-toggle-background: #e3d9c3;
  --color-input-text: #373737;
  --color-input-border: #d9ceb8;
  --color-input-border-hover: #bfb398;
  --color-code-bg: #f8f2e6;
  --color-markup-code-block: #f4ecdc;
  --color-markup-code-inline: #efe5d2;
  --color-editor-line-highlight: #f4ecdc;
  --color-timeline: #d9ceb8;
  --color-label-bg: #e3d9c3;
  --color-label-hover-bg: #d9ceb8;
  --color-label-active-bg: #cdc1a8;
  /* Encre. */
  --color-text: #373737;
  --color-text-dark: #232323;
  --color-text-light: #414141;
  --color-text-light-1: #4f4f4f;
  --color-text-light-2: #5b5b5b;
  --color-text-light-3: #636363;
  --fonts-proportional: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --fonts-monospace: "Geist Mono", ui-monospace, "SFMono-Regular", Consolas, monospace;
  --border-radius: 6px;
  accent-color: var(--color-accent);
  color-scheme: light;
}

/* Le papier millimétré du panel, en fond de page. */
body {
  background-image:
    linear-gradient(to right, #d3c9b566 1px, transparent 1px),
    linear-gradient(to bottom, #e3d9c399 1px, transparent 1px);
  background-size: 24px 24px;
}

h1,
h2,
h3,
h4,
.ui.header {
  font-family: "Hanken Grotesk", var(--fonts-proportional);
}