/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[2].use[1]!../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/next-font-loader/index.js??ruleSet[1].rules[13].oneOf[2].use[2]!../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/font/google/target.css?{"path":"src/app/layout.tsx","import":"Inter","arguments":[{"subsets":["latin"],"display":"swap","variable":"--font-inter"}],"variableName":"inter"} ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* cyrillic-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/ba9851c3c22cd980-s.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/21350d82a1f187e9-s.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format('woff2');
  unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/df0a9ae256c0569c-s.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/8e9860b6e62d6359-s.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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/_next/static/media/e4af272ccee01ff0-s.p.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;
}@font-face {font-family: 'Inter Fallback';src: local("Arial");ascent-override: 90.49%;descent-override: 22.56%;line-gap-override: 0.00%;size-adjust: 107.06%
}.__className_f367f3 {font-family: 'Inter', 'Inter Fallback';font-style: normal
}.__variable_f367f3 {--font-inter: 'Inter', 'Inter Fallback'
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!../../packages/ui/src/tokens/tokens-app.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ============================================================
   ORESME — DESIGN TOKENS APPLI DÉFISC (Qonto-inspired, 26/08)
   Source : wiki/design-system-app.md
   Charte distincte de la vitrine (voir tokens.css) :
   - Palette pastel apaisée pour surfaces app
   - Un seul rayon principal : pill (999px) sur toutes surfaces interactives
   - Deux ombres discrètes seulement
   ============================================================ */

:root {
  /* ----------------------------------------------------------
     Fonds
     ---------------------------------------------------------- */
  --bg-app:       #FAFAF9;   /* fond principal */
  --bg-card:      #FFFFFF;   /* cards */
  --bg-nav:       #0A0A0A;   /* nav top-bar */
  --bg-elev:      #F5F3EE;   /* fond secondaire, beige clair */
  --bg-subtle:    #F9F7F2;   /* hovers rows, encarts légers */

  /* ----------------------------------------------------------
     Textes
     ---------------------------------------------------------- */
  --text-1:       #0A0A0A;
  --text-2:       #4A4A4A;
  --text-3:       #7A7A7A;
  --text-4:       #A0A0A0;
  --text-inv:     #FAFAF9;

  /* ----------------------------------------------------------
     Bordures
     ---------------------------------------------------------- */
  --border-1:     #E8E5DE;
  --border-2:     #EFEDE7;

  /* ----------------------------------------------------------
     Pastels sémantiques (badges, statuts, icônes rondes)
     Règle : jamais dominants. Badge / pill / icône 32-36px max.
     ---------------------------------------------------------- */
  --pastel-parme-bg:      #E9DCF3;
  --pastel-parme-text:    #6B4E85;

  --pastel-turquoise-bg:  #D8ECE7;
  --pastel-turquoise-text: #2F6960;

  --pastel-jaune-bg:      #F5E9C4;
  --pastel-jaune-text:    #7A5F1A;

  --pastel-rouge-bg:      #F0D9D0;
  --pastel-rouge-text:    #A83A2A;

  --pastel-vert-bg:       #D5E8D8;
  --pastel-vert-text:     #2F6E44;

  --pastel-bleu-bg:       #DAE5EF;
  --pastel-bleu-text:     #2F5A85;

  --pastel-orange-bg:     #FCE8D5;
  --pastel-orange-text:   #B85C1A;

  /* ----------------------------------------------------------
     Spacing scale (aligné Qonto 02/09)
     ---------------------------------------------------------- */
  --spacing-xsmall:  4px;
  --spacing-small:   8px;
  --spacing-medium: 16px;
  --spacing-large:  24px;
  --spacing-xlarge: 32px;

  /* ----------------------------------------------------------
     Rayons — scale Qonto (aligné 02/09)
     small=chips/status/inputs, medium=cards moyennes, large=cards principales,
     btn=22px (pill parfait sur hauteur 44px), pill=999px pour pills filtres.
     ---------------------------------------------------------- */
  --r-sm:   8px;    /* chips, status, badges, inputs */
  --r-md:  12px;    /* cards moyennes (« besoin d'aller plus loin »…) */
  --r-lg:  16px;    /* cards principales (ParcoursPanel, cards articles) */
  --r-btn:  22px;   /* boutons standards (pill sur hauteur 44px) */
  --r-pill: 999px;  /* pills filtres, chips onglets, tags neutres */

  /* ----------------------------------------------------------
     Ombres — deux valeurs seulement
     ---------------------------------------------------------- */
  --shadow-1: 0 1px 2px rgba(10, 10, 10, 0.04);
  --shadow-2: 0 4px 12px rgba(10, 10, 10, 0.06);

  /* ----------------------------------------------------------
     Typographie
     ---------------------------------------------------------- */
  --font-app: var(--font-inter, -apple-system), BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Sizes (indicatif, cf. design-system-app.md § Typographie) */
  --fs-display: 32px; --lh-display: 1.1;
  --fs-h1: 24px;      --lh-h1: 1.2;
  --fs-h2: 18px;      --lh-h2: 1.3;
  --fs-body: 14px;    --lh-body: 1.5;
  --fs-small: 13px;   --lh-small: 1.45;
  --fs-micro: 12px;   --lh-micro: 1.4;

  /* ----------------------------------------------------------
     Espacements
     ---------------------------------------------------------- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.0.3_@babel+core@7.29.7_@opentelemetry+api@1.9.1_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[13].oneOf[10].use[3]!./src/app/globals.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Reset + base — appli défisc Oresme.
   Les tokens couleur/typo viennent de @oresme/ui/tokens-app.css (import layout.tsx). */

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }

html {
  font-family: var(--font-inter), -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--bg-app);
  color: var(--text-1);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; }
img, svg { display: block; max-width: 100%; }