{{-- Styles. If you have run "npm run build" (public/css/app.css exists) the fast built file is used.
     Until then the Tailwind CDN is used, so the shop never loses its look. Same colours either way. --}}
@if (file_exists(public_path('css/app.css')))
    <link rel="stylesheet" href="{{ asset('css/app.css') }}?v={{ filemtime(public_path('css/app.css')) }}">
@else
<script src="https://cdn.tailwindcss.com/3.4.16"></script>
<script>
  tailwind.config = {
    theme: {
      extend: {
        colors: {
          'primary': '#1a3627', 'on-primary': '#ffffff',
          'primary-container': '#304d3d', 'on-primary-container': '#caead4',
          'secondary': '#376945', 'secondary-container': '#b8f0c2', 'on-secondary-container': '#1e502f',
          'tertiary': '#a8d5ba', 'on-tertiary': '#002113', 'tertiary-container': '#bfedd1', 'on-tertiary-container': '#254f3a',
          'accent': '#88503b', 'accent-container': '#ffdbcf', 'on-accent-container': '#6c3926',
          'background': '#fbfdf8', 'on-background': '#191c1a',
          'surface-variant': '#dce5dd', 'on-surface-variant': '#404943',
          'surface-low': '#eff1ed', 'surface-mid': '#eaf3eb',
          'outline': '#707972', 'outline-variant': '#c0c9c1',
          'error': '#ba1a1a', 'error-container': '#ffdad6', 'on-error-container': '#93000a',
        },
        fontFamily: { sans: ['"Plus Jakarta Sans"', '"Noto Sans Khmer"', '"Noto Sans SC"', 'system-ui', 'sans-serif'] },
        boxShadow: { soft: '0 14px 30px -22px rgba(26,54,39,.5)' },
      },
    },
  };
</script>
@endif