/* Thème « YB » de YassHub : reprend le thème principal du portfolio yasser.boulayoune.com
   (fond #0a0a0a, cartes #101010, encre #f5f5f0, accent lime #d3fd50, Archivo + JetBrains Mono).
   Base : thème sombre de Forgejo, dont on remplace les variables. */
@import url("./theme-forgejo-dark.css");
gitea-theme-meta-info { --theme-display-name: "YB (portfolio)"; --theme-color-scheme: dark; }

/* latin-ext */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(../fonts/Archivo-100-900-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Archivo';
  font-style: normal;
  font-weight: 100 900;
  font-stretch: 62% 125%;
  font-display: swap;
  src: url(../fonts/Archivo-100-900-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/JetBrainsMono-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  --steel-900: #060606;
  --steel-850: #0a0a0a;
  --steel-800: #0a0a0a;
  --steel-750: #101010;
  --steel-700: #141414;
  --steel-650: #1b1b1b;
  --steel-600: #242424;
  --steel-550: #303030;
  --steel-500: #3e3e3e;
  --steel-450: #4f4f4d;
  --steel-400: #666663;
  --steel-350: #7e7e7a;
  --steel-300: #979792;
  --steel-250: #b1b1ab;
  --steel-200: #c9c9c3;
  --steel-150: #e0e0da;
  --steel-100: #f5f5f0;
  --color-primary: #d3fd50;
  --color-primary-contrast: #0a0a0a;
  --color-primary-dark-1: #dcfd72; --color-primary-dark-2: #e2fe86; --color-primary-dark-3: #e8fe9b;
  --color-primary-dark-4: #eefeb0; --color-primary-dark-5: #f2fec4; --color-primary-dark-6: #f6ffd8; --color-primary-dark-7: #fbffec;
  --color-primary-light-1: #c4ee3c; --color-primary-light-2: #b0d830; --color-primary-light-3: #96ba25;
  --color-primary-light-4: #7c9a1d; --color-primary-light-5: #627a16; --color-primary-light-6: #4a5c10; --color-primary-light-7: #333f0b;
  --color-primary-alpha-10: rgba(211,253,80,.10);
  --color-primary-alpha-20: rgba(211,253,80,.20);
  --color-primary-alpha-30: rgba(211,253,80,.30);
  --color-primary-alpha-40: rgba(211,253,80,.40);
  --color-primary-alpha-50: rgba(211,253,80,.50);
  --color-primary-alpha-60: rgba(211,253,80,.60);
  --color-primary-alpha-70: rgba(211,253,80,.70);
  --color-primary-alpha-80: rgba(211,253,80,.80);
  --color-primary-alpha-90: rgba(211,253,80,.90);
  --color-accent: #d3fd50;
  --color-small-accent: #627a16;
  --color-body: #0a0a0a;
  --color-box-body: #101010;
  --color-box-header: #141414;
  --color-header-wrapper: #0a0a0a;
  --color-nav-bg: #0a0a0a;
  --color-footer: #0a0a0a;
  --color-card: #101010;
  --color-menu: #141414;
  --color-input-background: #101010;
  --color-input-border: #303030;
  --color-secondary: #242424;
  --color-light-border: rgba(245,245,240,.12);
  --color-markup-code-block: #0d0f0c;
  --color-code-bg: #0d0f0c;
  --color-console-bg: #0d0f0c;
  --color-highlight-bg: rgba(211,253,80,.12);
  --color-text: #f5f5f0;
  --color-text-light: rgba(245,245,240,.8);
  --color-text-light-1: rgba(245,245,240,.8);
  --color-text-light-2: rgba(245,245,240,.72);
  --color-text-light-3: rgba(245,245,240,.66);
  --fonts-proportional: "Archivo", -apple-system, "Segoe UI", system-ui, Roboto, sans-serif;
  --fonts-monospace: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --border-radius: 4px;
  --border-radius-medium: 6px;
}
::selection { background: #d3fd50; color: #0a0a0a; }
/* Barre du haut : fine ligne comme la nav du portfolio */
#navbar { border-bottom: 1px solid rgba(245,245,240,.08); }
/* Libellés en capitales mono, comme les « kickers » du portfolio */
.ui.tabular.menu .item, .ui.secondary.pointing.menu .item, .repository .header-wrapper .ui.tabs .item,
.ui.label, .flex-list .flex-item-title + .flex-text-block, h4.ui.header, .ui.top.attached.header {
  font-family: var(--fonts-monospace); letter-spacing: .04em;
}
.ui.tabular.menu .item, .ui.secondary.pointing.menu .item { text-transform: uppercase; font-size: 12.5px; }
/* Titres en Archivo très gras */
h1, h2, .ui.header, .repo-header .repo-title, .user.profile .header.text { font-weight: 800; letter-spacing: -.01em; }
.markup h1, .markup h2 { font-weight: 900; letter-spacing: -.02em; border-bottom-color: rgba(245,245,240,.1); }
/* Boutons principaux : lime, texte noir, sans arrondi façon pilule */
.ui.primary.button, .ui.primary.buttons .button { color: #0a0a0a; font-weight: 700; }
.ui.label, .ui.button, .ui.input input, .ui.dropdown { border-radius: 4px; }
/* Liens : lime au survol seulement, pour rester lisible */
a:hover { color: #d3fd50; }
/* Onglet actif souligné lime */
.ui.secondary.pointing.menu .active.item, .ui.tabular.menu .active.item { border-color: #d3fd50; }