/* ============================================================
   Theme: hugo-jardin — tout en argile #585950
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&family=Roboto:wght@300;400;500;700&display=swap');

:root {
  --black:                #0d0c09;
  --dark:                 #161510;
  --dark2:                #1e1c14;
  --color-text:           #c8c5bc;
  --color-text-secondary: #a8a59c;
  --color-text-muted:     #888580;
  --color-text-dim:       #706e68;

  --color-accent:         #888580;
  --color-accent-light:   #a8a59c;
  --color-accent-dark:    #706e68;
  --color-on-accent:      #0d0c09;

  --color-accent-rgb:      136,133,128;
  --black-rgb:             13,12,9;
  --color-text-muted-rgb:  136,133,128;
  --color-text-dim-rgb:    112,110,104;

  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.22);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.35);

  --card-bg: #1c1a12;

  --font:          'Oswald', sans-serif;
  --font-body:     'Roboto', sans-serif;
  --font-serif:    'Oswald', sans-serif;
  --font-caption:  'Roboto', sans-serif;
  --font-banniere: var(--font);
}

[data-theme="light"] {
  --black:                #fff8e8;
  --dark:                 #f5ede0;
  --dark2:                #ede5d8;
  --color-text:           #585950;
  --color-text-secondary: #585950;
  --color-text-muted:     #585950;
  --color-text-dim:       #706e60;

  --color-accent:         #585950;
  --color-accent-light:   #706e60;
  --color-accent-dark:    #3a3830;
  --color-on-accent:      #fff8e8;

  --color-accent-rgb:      88,89,80;
  --black-rgb:             255,248,232;
  --color-text-muted-rgb:  88,89,80;
  --color-text-dim-rgb:    112,110,96;

  --border-accent: 1px solid rgba(var(--color-accent-rgb),0.28);
  --border-strong: 1px solid rgba(var(--color-accent-rgb),0.50);

  --card-bg: #ede8dc;
}