/* Pro Péyi — Color tokens
   Reference theme: Guyane flag (vert forêt · or soleil · étoile rouge) on warm sand neutrals.
   Re-theme per region by overriding --color-primary-*, --color-accent-* and the neutral cream. */
:root {
  /* ---- Forest green (primary · drapeau Guyane) ---- */
  --green-50:  #ECF6F0;
  --green-100: #D2EBDD;
  --green-200: #A6D7BB;
  --green-300: #74BE96;
  --green-400: #43A372;
  --green-500: #1F8A57;
  --green-600: #157047;
  --green-700: #105839;
  --green-800: #0C422B;
  --green-900: #082C1D;

  /* ---- Gold / soleil (accent) ---- */
  --gold-50:  #FDF6E3;
  --gold-100: #FBEBBC;
  --gold-200: #F7D984;
  --gold-300: #F2C44B;
  --gold-400: #EDB31F;
  --gold-500: #D99E0C;
  --gold-600: #B67F08;
  --gold-700: #8C6107;
  --gold-800: #654506;
  --gold-900: #3F2C04;

  /* ---- Star red (accent / danger · étoile du drapeau) ---- */
  --red-50:  #FDECEC;
  --red-100: #FAD0D0;
  --red-200: #F2A0A1;
  --red-300: #E96A6C;
  --red-400: #DF3E41;
  --red-500: #CE1126;
  --red-600: #A90E1F;
  --red-700: #820B18;
  --red-800: #5C0811;
  --red-900: #3A050B;

  /* ---- Ocean teal (informational · Atlantique) ---- */
  --teal-50:  #E7F4F6;
  --teal-100: #C2E3E8;
  --teal-400: #2E9DB0;
  --teal-500: #1B8195;
  --teal-700: #105260;

  /* ---- Warm sand neutrals ---- */
  --sand-0:   #FFFFFF;
  --sand-50:  #FBF8F2;
  --sand-100: #F3EEE3;
  --sand-200: #E6DECF;
  --sand-300: #D2C7B3;
  --sand-400: #B0A48C;
  --sand-500: #8A7E66;
  --sand-600: #6B6150;
  --sand-700: #4F483B;
  --sand-800: #353027;
  --sand-900: #1E1B15;

  /* ===== Semantic aliases ===== */
  --color-primary:        var(--green-600);
  --color-primary-hover:  var(--green-700);
  --color-primary-active: var(--green-800);
  --color-primary-soft:   var(--green-50);
  --color-primary-softer: var(--green-100);
  --color-on-primary:     #FFFFFF;

  --color-accent:         var(--gold-400);
  --color-accent-hover:   var(--gold-500);
  --color-accent-soft:    var(--gold-50);
  --color-on-accent:      var(--sand-900);

  --color-star:           var(--red-500);
  --color-star-soft:      var(--red-50);

  /* Surfaces */
  --surface-page:    var(--sand-50);
  --surface-card:    var(--sand-0);
  --surface-raised:  var(--sand-0);
  --surface-sunken:  var(--sand-100);
  --surface-inverse: var(--green-900);
  --surface-accent:  var(--green-600);

  /* Text */
  --text-strong:  var(--sand-900);
  --text-body:    var(--sand-800);
  --text-muted:   var(--sand-600);
  --text-subtle:  var(--sand-500);
  --text-on-dark: var(--sand-50);
  --text-on-dark-muted: rgba(251,248,242,0.72);
  --text-link:    var(--green-600);

  /* Borders */
  --border-subtle: var(--sand-200);
  --border-default: var(--sand-300);
  --border-strong: var(--sand-400);
  --border-focus:  var(--green-500);

  /* Semantic states */
  --color-success:      var(--green-600);
  --color-success-soft: var(--green-50);
  --color-warning:      var(--gold-500);
  --color-warning-soft: var(--gold-50);
  --color-danger:       var(--red-600);
  --color-danger-soft:  var(--red-50);
  --color-info:         var(--teal-500);
  --color-info-soft:    var(--teal-50);
}