@import "tailwindcss";

@import "./typography.css";
@import "./navigation.css";
@import "./components.css";

@plugin "@tailwindcss/forms";
@plugin "@tailwindcss/typography";

@theme {

  --font-character: tiempos, Georgia, Cambria, "Times New Roman", Times, serif;
  --font-content: soehne, Helvetica, Arial, Roboto, ui-sans-serif, system-ui, -apple-system, sans-serif;

  /* Shared Hoku palette (v21 ramps), kept in sync with Hive. */

  /* Whenua: structural neutral. 50/100 are page surfaces, 900 is the brand ink. */
  --color-whenua-50:  #faf6ee;
  --color-whenua-100: #f1ebdc;
  --color-whenua-200: #dad8d2;
  --color-whenua-300: #c2bdb3;
  --color-whenua-400: #a49d8e;
  --color-whenua-500: #867e69;
  --color-whenua-600: #665e4d;
  --color-whenua-700: #4b4434;
  --color-whenua-800: #392f18;
  --color-whenua-900: #291d00;

  /* Golden Bay: warm accent (fund/financial/draft pills, nav focus ring). */
  --color-golden-bay-50:  #f9f7f6;
  --color-golden-bay-100: #fbe1c8;
  --color-golden-bay-200: #f8c699;
  --color-golden-bay-300: #f6af75;
  --color-golden-bay-400: #f5a15d;
  --color-golden-bay-500: #ff8700;
  --color-golden-bay-600: #cd6500;
  --color-golden-bay-700: #964100;
  --color-golden-bay-800: #5f2200;
  --color-golden-bay-900: #300a00;

  /* Ruby Bay: danger/rejected/failed. */
  --color-ruby-bay-50:  #f9f6f6;
  --color-ruby-bay-100: #fcd5d3;
  --color-ruby-bay-200: #f2acab;
  --color-ruby-bay-300: #e88d8d;
  --color-ruby-bay-400: #e2797b;
  --color-ruby-bay-500: #ff2049;
  --color-ruby-bay-600: #b93e47;
  --color-ruby-bay-700: #88272f;
  --color-ruby-bay-800: #58141b;
  --color-ruby-bay-900: #2f060a;

  /* Abel Tasman: teal, the primary action colour (buttons, links). */
  --color-abel-tasman-50:  #f6f8f8;
  --color-abel-tasman-100: #bfe7f2;
  --color-abel-tasman-200: #80cee3;
  --color-abel-tasman-300: #42b9d6;
  --color-abel-tasman-400: #00adcd;
  --color-abel-tasman-500: #169ab6;
  --color-abel-tasman-600: #007a92;
  --color-abel-tasman-700: #005769;
  --color-abel-tasman-800: #003642;
  --color-abel-tasman-900: #001b22;

  /* Kahurangi: green, success/approved/completed (was kakariki). */
  --color-kahurangi-50:  #f6f8f7;
  --color-kahurangi-100: #cde6cd;
  --color-kahurangi-200: #9dcc9e;
  --color-kahurangi-300: #76b879;
  --color-kahurangi-400: #5eac63;
  --color-kahurangi-500: #22a038;
  --color-kahurangi-600: #0c8026;
  --color-kahurangi-700: #005c16;
  --color-kahurangi-800: #003a0b;
  --color-kahurangi-900: #001e03;

  /* Heaphy: purple, Dunbar's signature chrome (sidebar + login). */
  --color-heaphy-50:  #f7f7f8;
  --color-heaphy-100: #cdceed;
  --color-heaphy-200: #9999d1;
  --color-heaphy-300: #7470ba;
  --color-heaphy-400: #5f58ad;
  --color-heaphy-500: #4836a1;
  --color-heaphy-600: #3b278d;
  --color-heaphy-700: #2d1d6d;
  --color-heaphy-800: #1f154d;
  --color-heaphy-900: #120e30;

  /* Tahuna: gold, the contrasting accent against heaphy chrome (nav headings + focus). */
  --color-tahuna-50:  #f9f8f6;
  --color-tahuna-100: #f1eccb;
  --color-tahuna-200: #e7de9e;
  --color-tahuna-300: #e0d279;
  --color-tahuna-400: #dccb5e;
  --color-tahuna-500: #d9c212;
  --color-tahuna-600: #a99700;
  --color-tahuna-700: #766900;
  --color-tahuna-800: #463d00;
  --color-tahuna-900: #1e1a00;

}

body {
  @apply font-content font-normal text-whenua-900 bg-whenua-50;
}

@media print {
  /* Prevent page breaks inside important elements */
  section, table, tr, img {
    break-inside: avoid;
  }

  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }

  /* Scale all fonts to be smaller */
  html {
    font-size: 80%;
  }

  body {
    background: #fff;
  }
}